有人能告诉我为什么它在控制台中没有显示任何内容吗？ 我想获得输入值。 我必须使用表格吗？

Question

<input type="text" name="" id="num1" placeholder="number1">

<input type="text" name="" id="num2" placeholder="number2"> 

<button type="submit" id="add">Add</button>

<script>

let value1 = document.getElementById('num1');

let value2 = document.getElementById('num2'); 

let submit = document.getElementById('add').addEventListener('onclick', getValue);

function getValue(){

let newValue1 = value1.value;

let newValue2 = value2.value;

console.log(newValue1 + newalue2);

}
</script>

Answer 1

addEventListener('onclick', getValue)应该更新为addEventListener('click', getValue)

 let value1 = document.getElementById('num1'); let value2 = document.getElementById("num2"); document.getElementById("add").addEventListener('click', getValue); function getValue() { let newValue1 = value1.value; let newValue2 = value2.value; console.log(newValue1 + newValue2); }

 <input type="text" name="" id="num1" placeholder="number1"> <input type="text" name="" id="num2" placeholder="number2"> <button id="add">Add</button>

或者使用<button id="add" onclick="getValue()">Add</button>而不使用addEventListener

 let value1 = document.getElementById('num1'); let value2 = document.getElementById("num2"); function getValue() { let newValue1 = value1.value; let newValue2 = value2.value; console.log(newValue1 + newValue2); }

 <input type="text" name="" id="num1" placeholder="number1"> <input type="text" name="" id="num2" placeholder="number2"> <button id="add" onclick="getValue()">Add</button>