Here is the code with html form:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8/>
<title>JavaScript program</title>
<style type="text/css">
body {
margin: 30px;
}
</style>
</head>
<body>
<form>
<div>1st Number:</div>
<div><input type="number" id="num1"/></div>
<div>2nd Number:</div>
<div><input type="number" id="num2"/></div>
<div><input type="button" value="Calc Sum" onclick="sumNumbers()"/></div>
<div>Result: <span id="result"></span></div>
</form>
<script>
function sumNumbers() {
let num1 = document.getElementById('num1').value;
let num2 = document.getElementById('num2').value
let sum = num1 * num2
document.getElementById('result').innerHTML = sum;
}
</script>
</body>
</html>