Live Coding Article Example
Learn by doing! Below is an interactive example of HTML live coding.
Example 1: Changing Text Color with JavaScript
This example demonstrates how you can change the text color dynamically using JavaScript.
<button class="button" onclick="changeTextColor()">Click Me to Change Color</button>
<p id="text">This is a sample text to change color.</p>
<script>
function changeTextColor() {
document.getElementById("text").style.color = "red";
}
</script>
This is a sample text to change color.
Example 2: Interactive Background Color Changer
This code snippet allows the user to change the background color of the webpage by clicking a button.
<button class="button" onclick="changeBackgroundColor()">Change Background Color</button>
<script>
function changeBackgroundColor() {
document.body.style.backgroundColor = "lightblue";
}
</script>
