🚀 Programming Example
How JavaScript can show hidden HTML elements
In this Section you will learn that JavaScript can show hidden HTML elements.
<!DOCTYPE html>
<html>
<body>
<h2>What Can JavaScript Do?</h2>
<p>JavaScript can show hidden HTML elements.</p>
<p id="demo" style="display:none">Welcome to atnyla!</p>
<button type="button" onclick="document.getElementById('demo').style.display='block'">Click Me!</button>
</body>
</html>
<img src="/library/images-tutorials/html-browser.png" class="img-responsive">
<div class="shadow ratio ratio-16x9">
<iframe class="embed-responsive-item" src="/library/html/html-program-10-996.html"></iframe>
</div>
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.