Patrick B. answered • 02/21/21
Math and computer tutor/teacher
It's the document.getElementById("result").innerHTML = " message";
Here's the revised listing:
<!DOCTYPE HTML>
<HTML>
<label> 1st Mark </label> <input type="text" id="txtNum1"/><br>
<label> 2nd Mark </label> <input type="text" id="txtNum2"/><br>
<label> 3rd Mark </label> <input type="text" id="txtNum3"/><br>
<button type="button" onclick="CalcAvg()"> Calculate Average </button> <br>
<p id = "result"> ??? </p>
<script>
function CalcAvg()
{
alert("CalcAvg");
var iNumbuff1 = document.getElementById("txtNum1").value;
var iNumbuff2 = document.getElementById("txtNum2").value;
var iNumbuff3 = document.getElementById("txtNum3").value;
var regex=/^[0-9]+$/;
if (!iNumbuff1.match(regex)) { alert("Invalid input for num1"); return; }
if (!iNumbuff2.match(regex)) { alert("Invalid input for num2"); return; }
if (!iNumbuff3.match(regex)) { alert("Invalid input for num3"); return; }
var iNum1 = parseInt(iNumbuff1)
var iNum2 = parseInt(iNumbuff2)
var iNum3 = parseInt(iNumbuff3)
if (isNaN(iNum1))
{
alert('invalid data for num1 ');
}
else
{
alert('1st # is valid');
if (isNaN(iNum2))
{
alert('invalid data for num2');
}
else
{
alert(' 2nd # is valid');
if (isNaN(iNum3))
{
alert('invalid data for num3');
}
else
{
var avg = (iNum1+iNum2+iNum3)*1.000/3;
var outbuff = " average is " + avg + " ";
alert(" average is " + avg );
if (avg>=90) { alert("AWESOME!"); document.getElementById("result").innerHTML= outbuff + "AWESOME!"; }
else if (avg>=80) { alert(" Very Good"); document.getElementById("result").innerHTML= outbuff + "Very Good"; }
else if (avg>=50) { alert(" ok "); document.getElementById("result").innerHTML = outbuff + " ok "; }
else { alert("FAIL"); document.getElementById("result").innerHTML = outbuff + " FAIL "; }
}
}
}
}
</script>
</HTML>
