I have been trying to add two values from two input fields together with a simple js function. Not working, please help.
<input class = "field1" type="text">
<input class = "field2" type="text">
<p class = "field3"></p>
<button onclick = "calculate()">Calculate</button>
<script>
function calculate(){
let ipt1 = document.getElementsByClassName("field1").value;
let ipt2 = document.getElementsByClassName("field2").value;
let results = document.getElementsByClassName("field3");
let total = Number(ipt1 + ipt2);
return results.innerHTML = total;
}
</script>
<input class = "field1" type="text">
<input class = "field2" type="text">
<p class = "field3"></p>
<button onclick = "calculate()">Calculate</button>
<script>
function calculate(){
let ipt1 = document.getElementsByClassName("field1")[0].value
let ipt2 = document.getElementsByClassName("field2")[0].value
let results = document.getElementsByClassName("field3")[0]
let total = Number(ipt1) + Number(ipt2)
return results.innerHTML = total;
}
</script>