最近闲的无聊就学习起了前端,看网上教程,一步一步自己摸索,我纯小白,由于英语不好,很多都是靠翻译过来的,于是这个问题我真是难住了。
这代码应该没有问题吧?我是按网上老师教的跟着做的,编辑软件是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软件哪里没设置好?
这是看网上安装的插件,是哪里没设置好,冲突了?
求大神帮我看看
哪位大神帮我分析一下,谢谢!!!