W3 Tech
Home
HTML
CSS
JavaScript
Tools
🌙
JavaScript Tutorial
Interactive JavaScript coding exercises
DOM Manipulation
HTML
<div id="demo"> <h2>Click the button to change this text</h2> <button onclick="changeText()">Change Text</button> <button onclick="changeColor()">Change Color</button> </div>
JavaScript
function changeText() { const element = document.querySelector('#demo h2'); element.textContent = 'Text changed with JavaScript!'; } function changeColor() { const demo = document.getElementById('demo'); const colors = ['#ff5722', '#4caf50', '#2196f3', '#ff9800']; const randomColor = colors[Math.floor(Math.random() * colors.length)]; demo.style.backgroundColor = randomColor; demo.style.padding = '20px'; demo.style.borderRadius = '8px'; }
Preview