Spaces:

CofAI
/

CalculatorMinimalist

Running

TenPoisk

Update index.html

00372a2 almost 2 years ago

2.28 kB

	<!DOCTYPE html>
	<html>
	<head>
	<title>CalculatorMinimalist</title>
	<style>
	.container {
	width: 200px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #ccc;
	}
	input {
	width: 100%;
	margin-bottom: 10px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h2>Calculator</h2>
	<h2>Minimalist</h2>
	<input type="text" id="num1" placeholder="Number 1">
	<input type="text" id="num2" placeholder="Number 2">
	<button onclick="add()">+</button>
	<button onclick="subtract()">-</button>
	<button onclick="multiply()">*</button>
	<button onclick="divide()">/</button>
	<button onclick="clearResult()">Clear</button>
	<h3>Result: <span id="result"></span></h3>
	</div>

	<script>
	function add() {
	var num1 = parseFloat(document.getElementById("num1").value);
	var num2 = parseFloat(document.getElementById("num2").value);
	var result = num1 + num2;
	document.getElementById("result").innerHTML = result;
	}

	function subtract() {
	var num1 = parseFloat(document.getElementById("num1").value);
	var num2 = parseFloat(document.getElementById("num2").value);
	var result = num1 - num2;
	document.getElementById("result").innerHTML = result;
	}

	function multiply() {
	var num1 = parseFloat(document.getElementById("num1").value);
	var num2 = parseFloat(document.getElementById("num2").value);
	var result = num1 * num2;
	document.getElementById("result").innerHTML = result;
	}

	function divide() {
	var num1 = parseFloat(document.getElementById("num1").value);
	var num2 = parseFloat(document.getElementById("num2").value);
	var result = num1 / num2;
	document.getElementById("result").innerHTML = result;
	}

	function clearResult() {
	document.getElementById("num1").value = "";
	document.getElementById("num2").value = "";
	document.getElementById("result").innerHTML = "";
	}
	</script>
	</body>
	</html>