input.value 和 addEventListener 的问题

【问题标题】：Problem with input.value & addEventListenerinput.value 和 addEventListener 的问题
【发布时间】：2020-04-02 20:25:26
【问题描述】：

我用一个简单的按钮进行 HTML 输入。我的目标是获取 id 为“esercizio08”的输入值，并在点击 W 时打印它。

    <input id="esercizio08" name="test" type="text" value=""></input>
    <input type="button" value="..." id="button08"></input>
________

    let bottone = document.getElementById("button08");

    bottone.addEventListener("Click", controllo);

function controllo(){
            let valore = document.getElementById("esercizio08").value;
            return console.log(valore);
        };

【问题讨论】：

标签： javascript html events input addeventlistener

【解决方案1】：

你的代码很好。问题是侦听器被命名为click 而不是Click（小“c”）。

const bottone = document.getElementById("button08");
bottone.addEventListener("click", controllo);

function controllo(){
   let valore = document.getElementById("esercizio08").value;
   console.log(valore);
};

<input id="esercizio08" name="test" type="text" value=""/>
<input type="button" value="..." id="button08"/>

仅供参考：我还在console.log() 之前删除了return，因为它不是必需的，我已将<input></input> 修改为单标签<input/>。

【讨论】：