🚀 Programming Example
How JavaScript can change HTML attribute values
JavaScript can change HTML attribute values
<!DOCTYPE html>
<html>
<body>
<h2>What Can JavaScript Do?</h2>
<p>JavaScript can change HTML attribute values.</p>
<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
<button onclick="document.getElementById('myImage').src='colorCar.png'">Colorful Car</button>
<img id="myImage" src="colorCar.png" style="width:100px">
<button onclick="document.getElementById('myImage').src='blackCar.png'">Black and White Car</button>
</body>
</html>
Run above code
First understand the algorithm carefully. Then study the program line-by-line and compare it with the output. Finally, review the explanation section to strengthen your logic and programming understanding.
Rewrite the program without looking at the code. Modify values, conditions or logic and run it again. This helps improve confidence and strengthens coding skills much faster.