Home / Programs / How JavaScript can change the style of an HTML element
🚀 Programming Example

How JavaScript can change the style of an HTML element

👁 398 Views
💻 Practical Program
📘 Step Learning
JavaScript can change the style of an HTML element

💻 Program Code

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p id="demo">JavaScript can change the style of an HTML element.</p>

<button type="button" onclick="document.getElementById('demo').style.fontSize='40px'">Click Me!</button>

</body>
</html> 

                        

🖥 Program Output

Run above code
                            

📘 Explanation

no
📚 Learning Subject

Master Programming Through Practical Examples

Improve your coding logic, problem-solving skills and programming confidence by practicing real-world examples with explanations.

🎯 How to learn from this example

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.

🔥 Practice suggestion

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.