Example
Learn the test-driven development approach when building apps
<!DOCTYPE html>
<html>
<head>
<title>Change Color</title>
</head>
<body>
<button id="changeGreen">Change Font Color Green</button>
<button id="changeRed">Change Font Color Red</button>
<p>
<span id="output">Learn the test-driven development approach when building apps</span>
</p>
<script>
document.getElementById("changeGreen").onclick = function(){
document.getElementById("output").style.color = 'green';
}
document.getElementById("changeRed").onclick = function(){
document.getElementById("output").style.color = 'red';
}
</script>
</body>
</html>
Most Helpful This Week
Highlight and get the details of table row on click using JavaScript
How to set checkbox and radio option checked on load with jQuery?
How to declare and print value of variable in JavaScript?
Using jQuery add new table row on click
Example to take user input and display on screen using JavaScript
How to show hide option list items using jQuery?