Page 387 - Web_Application_v2.0_C12_Fb
P. 387
Ans. <!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>DISTANCE TRAVELLED</TITLE>
</HEAD>
<BODY>
<H2>DISTANCE TRAVELLED</H2>
INITIAL VELOCITY (M/S): <INPUT TYPE="NUMBER" ID="INITIALVELOCITY"
REQUIRED><BR><BR>
ACCELERATION (M/S²): <INPUT TYPE="NUMBER" ID="ACCELERATION" REQUIRED><BR><BR>
TIME (S): <INPUT TYPE="NUMBER" ID="TIME" REQUIRED><BR><BR>
<BUTTON ID="CALCULATEBUTTON" ONCLICK="calculateDistance()">CALCULATE DISTANCE</BUTTON>
<P ID="RESULT"></P>
<SCRIPT>
function calculateDistance() {
var initialVelocity = parseFloat(document.getElementById("INITIALVELOCITY").
value);
var acceleration = parseFloat(document.getElementById("ACCELERATION").value);
var time = parseFloat(document.getElementById("TIME").value);
if (isNaN(initialVelocity) || isNaN(acceleration) || isNaN(time)) {
document.getElementById("RESULT").innerHTML = "Please enter valid numbers.";
return;
}
var distance = initialVelocity * time + 0.5 * acceleration * Math.pow(time, 2);
document.getElementById("RESULT").innerHTML = "Distance travelled: " +
distance.toFixed(2) + " meters";
}
</SCRIPT>
</BODY>
</HTML>
Output of the preceding code is as follows:
Practical Work 385

