44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
|
|
<title>Calculator</title>
|
|
</head>
|
|
<body>
|
|
<script src="index.js"></script>
|
|
<div class="calc-container">
|
|
<textarea class="calc-display" id="calc-display" cols="30" rows="10" readonly></textarea>
|
|
<div></div><div></div><div></div>
|
|
|
|
<div class="calc-item" id="clear" onclick="ac();">AC</div>
|
|
<div class="calc-item" id="delete">C</div>
|
|
|
|
<div class="calc-item"></div>
|
|
<div class="calc-item"></div>
|
|
|
|
<div class="calc-item" id="button7">7</div>
|
|
<div class="calc-item" id="button8">8</div>
|
|
<div class="calc-item" id="button9">9</div>
|
|
<div class="calc-item" id="divide">÷</div>
|
|
|
|
<div class="calc-item" id="button4">4</div>
|
|
<div class="calc-item" id="button5">5</div>
|
|
<div class="calc-item" id="button6">6</div>
|
|
<div class="calc-item" id="multiply">x</div>
|
|
|
|
<div class="calc-item" id="button1">1</div>
|
|
<div class="calc-item" id="button2">2</div>
|
|
<div class="calc-item" id="button3">3</div>
|
|
<div class="calc-item" id="subtract">-</div>
|
|
|
|
<div class="calc-item" id="button0">0</div>
|
|
<div class="calc-item" id="point">.</div>
|
|
<div class="calc-item" id="evaluate">=</div>
|
|
<div class="calc-item" id="add">+</div>
|
|
</div>
|
|
</body>
|
|
</html>
|