JSFiddle - React, Tailwind, and code Playground

by bfelda

HTML

<h1>My Basic Calculator</h1>

<p>input 1: <input id="input1" size="5"/></p><br>

<p>input 2: <input id="input2" size="5"/></p><br>

<button id ="add" onclick="myFunction()">+</button>

<p>Answer:<input id="output1" size="5"/></p>

<p id="idOne"></p>
<p id="idTwo"></p>
<p id="answer"></p>



<script>

function myFunction() {
    var num1 = document.getElementById("input1").value;
    var num2 = document.getElementById("input2").value;
    var result;

    result = Number(num1) + Number(num2);
console.log(result);

    document.getElementById("idOne").innerHTML = num1;
    document.getElementById("idTwo").innerHTML = num2;
    document.getElementById("answer").innerHTML = result;
    document.getElementById("output1").value = result;
    }
    </script>