Moving Box - Jsfiddle Typing CST Test
Loading…
Moving Box — Jsfiddle Code
A JSFiddle snippet that moves a box horizontally across the page.
<!DOCTYPE html>
<html>
<head>
<title>Moving Box</title>
<style>
#box { width:50px; height:50px; background:red; position:absolute; top:50px; left:0 }
</style>
</head>
<body>
<div id="box"></div>
<script>
let pos = 0
setInterval(() => {
pos += 5
document.getElementById("box").style.left = pos + "px"
if(pos > window.innerWidth) pos = 0
}, 100)
</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.