希望你能澄清一个让我抓狂的问题。
我试图获得inpt “#size “的值在JS,我使用的是comand。
submit.addEventListener('click', function(e){
document.querySelector('#output').innerHTML = document.querySelector('#size').value;
document.querySelector('#size').value = '';
})
它的工作原理是这样的,但问题是我不能声明变量,以使我的代码更短,并处理数据后,如果我使用:
const submit = document.querySelector('#submit');//refers to the button to activate the event listener
submit.addEventListener('click', function(e){
document.querySelector('#output').innerHTML = document.querySelector('#size').value;
document.querySelector('#size').value = '';
})
它不会得到任何值从 size
,控制台说。
Uncaught SyntaxError: Identifier 'submit' has already been declared
这是一个经常发生的错误,我仍然无法解决,希望你们一些人an澄清我做错了什么。
EDIT:html代码如下。
<body>
<input type="text" id="size">
<button id="submit">Sumbit</button>
<ul id="output">
</ul>
<script src="functtions.js"></script>
</body>```
thanks
解决方案:
你肯定在别的地方有另一个叫提交的变量。使用函数通常可以防止这种变量碰撞的问题,那么这种代码呢?
function () {
let submit = document.querySelector('#submit');
let size = document.querySelector('#size');
let output = document.querySelector('#output');
submit.addEventListener('click', function(e){
output.innerHTML = size.value;
size.value = '';
});
}();