[英]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?
<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)
should be updated to addEventListener('click', getValue)
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>
or use <button id="add" onclick="getValue()">Add</button>
without addEventListener
或者使用<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.