Code Live Testing

HTML

<h1>Hello, EZY LIFE!</h1> <p>This is a live code preview.</p> <div id="myDiv"></div>

CSS

body { font-family: 'Roboto', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; background-color: #f0f0f0; } h1 { color: #3498db; } #myDiv { width: 100px; height: 100px; background-color: #e74c3c; margin-top: 20px; border-radius: 8px; transition: background-color 0.3s ease; }

JavaScript

document.addEventListener('DOMContentLoaded', () => { const myDiv = document.getElementById('myDiv'); if (myDiv) { myDiv.addEventListener('click', () => { myDiv.style.backgroundColor = '#' + Math.floor(Math.random()*16777215).toString(16); }); } console.log("JavaScript loaded and ready!"); });