<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>
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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句