哪位前端大神帮我看一下，这是怎么回事？

最新推荐文章于 2024-07-24 11:09:48 发布

AMINnicest

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量269

点赞数

文章标签： html5 javascript css3

本文链接：https://blog.csdn.net/AMINnicest/article/details/106816944

版权

最近闲的无聊就学习起了前端，看网上教程，一步一步自己摸索，我纯小白，由于英语不好，很多都是靠翻译过来的，于是这个问题我真是难住了。

这代码应该没有问题吧？我是按网上老师教的跟着做的，编辑软件是vs code

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算年终奖</title>
</head>
<body>

	工龄:<input type="text"value="1"id="workYear">
	<br>
	薪资:<input type="text"value="14000"id="workMoney">
	<br>
	<button id="submit">计算年终奖</button>
	<br>
	你的年终奖是：￥<span id="valBox"></span>
	

<!-- IMPORT JS -->
	<script>
		let workYear= document.getElementById('workYear');
		let workMoney= document.getElementById('workMoney');
		let submit= document.getElementById('submit');
		let valBox= document.getElementById('valBox');

		submit.onclick=function(){
			
		}

	</script>

</body>
</html>

用Live Server 插件打开，就出现这种结果。

我保存代码后直接打开又没有问题

这个“工龄”怎么会跑下面去呢？

怎么会多一个<pre>标签呢？

然后我就直接把vs code卸载了，然后同时也把插件也卸载了，然后重新安装，还是这种结果，请问是哪里出了问题呢？我实在不解，我用sublime Text3 和IDEA试了一下也没有问题啊

懊恼！！

代码应该没问题，那就是我的vs code软件哪里没设置好？

这是看网上安装的插件，是哪里没设置好，冲突了？

求大神帮我看看

哪位大神帮我分析一下，谢谢！！！

AMINnicest

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
哪位前端大神帮我看一下，这是怎么回事？

最近闲的无聊就学习起了前端，看网上教程，一步一步自己摸索，我纯小白，由于英语不好，很多都是靠翻译过来的，于是这个问题我真是难住了。这代码应该没有问题吧？我是按网上老师教的跟着做的，编辑软件是vs code<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算年终奖</title></head><body>
复制链接

扫一扫