javascript查询选择器和const问题

希望你能澄清一个让我抓狂的问题。

我试图获得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 = '';
    });
}();

给TA打赏
共{{data.count}}人
人已打赏
解决方案

如何在Postgres中删除字符串中的"\t"、"\n "或额外的空格?

2022-5-12 3:00:09

解决方案

在React中从数组中过滤出空值

2022-5-12 3:00:17

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索