Programming Example
How to Place JavaScript Code in Body section
How to Place JavaScript Code in Body section
<!DOCTYPE html>
<html>
<body>
<h2>Place Your JavaScript Code in Body</h2>
<p id="demo">This is a Paragraph.</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph modified.";
}
</script>
</body>
</html>
Run above code
First read the algorithm, then study the program code line by line. After that, compare the code with the output and finally go through the explanation. This approach helps learners understand both the logic and the implementation properly.
After understanding this example, try to rewrite the same program without looking at the code. Then change some values or logic and run it again. This helps improve confidence and keeps learners engaged on the page for longer.