<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>
1 Answer
addEventListener('onclick', getValue)
should be updated to 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
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>
addEventListener('click', getValue);