<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body > <form> 1st Number : <input type="text" id="firstNumber" /><br> 2nd Number: <input type="text" id="secondNumber" /><br> <input type="button" onClick="multiplyBy()" Value="Multiply" /> <input type="button" onClick="divideBy()" Value="Divide" /> </form> <p>The Result is : <br> <span id = "result"></span> </p> <script>function multiplyBy() { num1 = document.getElementById("firstNumber").value; num2 = document.getElementById("secondNumber").value; document.getElementById("result").innerHTML = num1 * num2; } </script> <!-- 1st Number:<input type="text" id="t1" value="23" ></br> 2nd Number:<input type="text" id="t2"></br> <button onclick="multiplyBy()">Multiply</button> <button>Divide</button> <p id="result">The Result is:</p> --> <!-- This JS IMPORt --> <script src="main.js" type="module"></script> </body> </html> <!-- ******************************************************** -->