index.html


<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">
	<title>Simple calculator</title>
	<link rel="stylesheet"  href="css/style.css">
	<script src="js/script.js" defer></script>
</head>
<body>
<div class="calculator-container" id="calculator">
	<div class="operation-block">
		<button id="buttonPlus" class="operation-button">+</button>
		<button id="buttonMinus" class="operation-button">-</button>
		<button id="buttonMultiply" class="operation-button">*</button>
		<button id="buttonDevide" class="operation-button">/</button>
	</div>
	<div class="number-block">
	<div>
		<label>Number 1</label>
		<input type= "number" value="12" id="number1">
	</div>
	<div>
		<label>Number 2</label>
		<input type= "number" value="2" id="number2" >
	</div>	
	</div>

	<div class="res" id="result"></div>

</div>


</body>
</html>