Change Color on Click - Jsfiddle Typing CST Test
Loading…
Change Color on Click — Jsfiddle Code
A JSFiddle snippet that changes the background color when a button is clicked.
<!DOCTYPE html>
<html>
<head>
<title>Color Change</title>
</head>
<body>
<button id="colorBtn">Change Color</button>
<script>
document.getElementById("colorBtn").onclick = () => {
document.body.style.backgroundColor = "#FFD700"
}
</script>
</body>
</html>Jsfiddle Language Guide
JSFiddle is an online IDE and code-sharing platform for web developers, allowing users to write, test, and share HTML, CSS, and JavaScript code snippets instantly in the browser.
Primary Use Cases
- ▸Testing HTML, CSS, and JS code snippets
- ▸Rapid front-end prototyping
- ▸Sharing code examples and bug demonstrations
- ▸Learning and teaching web development
- ▸Experimenting with libraries or frameworks
Notable Features
- ▸In-browser code editor with syntax highlighting
- ▸Live preview of front-end code
- ▸Supports multiple panels: HTML, CSS, JavaScript
- ▸Ability to include external libraries and frameworks
- ▸Shareable fiddles via unique URLs
Origin & Creator
JSFiddle was created by Piotr Zalewa in 2009 to provide a simple way for web developers to experiment and share code snippets quickly.
Industrial Note
Primarily used for front-end experimentation, quick prototyping, testing libraries, and sharing examples. Rarely used for full-scale applications or backend development.