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

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>

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

Can someone tell me why it doesn't show anything in console?? I want to get values of inputs. Do I have to use form?

javascript

console