JS Bin Simple Calculator - Jsbin Typing CST Test
Loading…
JS Bin Simple Calculator — Jsbin Code
A simple calculator adding two numbers entered by the user.
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
</head>
<body>
<input id="a" type="number" placeholder="Num1">
<input id="b" type="number" placeholder="Num2">
<button id="btn">Add</button>
<p id="output"></p>
<script>
document.getElementById('btn').onclick = function() {
let a = parseFloat(document.getElementById('a').value);
let b = parseFloat(document.getElementById('b').value);
document.getElementById('output').textContent = 'Sum: '+(a+b);
};
</script>
</body>
</html>Jsbin Language Guide
JSBin is an online code editor focused on web development that allows users to write and test HTML, CSS, and JavaScript in real-time. It is designed for rapid prototyping and debugging of web code directly in the browser.
Primary Use Cases
- ▸Rapid prototyping of HTML, CSS, and JavaScript
- ▸Testing small code snippets and debugging
- ▸Sharing live examples of web code
- ▸Learning front-end development interactively
- ▸Collaborating on small web projects via shared links
Notable Features
- ▸Live preview of HTML, CSS, and JS code
- ▸Real-time console for JavaScript output
- ▸Shareable links for collaborative testing
- ▸Supports multiple panels for HTML, CSS, and JS
- ▸Embeddable code snippets for blogs or tutorials
Origin & Creator
JSBin was created by Remy Sharp in 2009 to provide a simple, accessible online platform for testing and sharing web code snippets.
Industrial Note
Widely used by web developers for prototyping and debugging front-end code. Not suitable for full-stack development or large-scale production projects.