43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<script src="calculator.js" defer></script>
|
|
</head>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="calculator">
|
|
<div class="top">
|
|
<div class='display'>0</div>
|
|
</div>
|
|
<div class="btn op clear" id="clear">C</div>
|
|
<div class="btn op power" id="^">a ^</div>
|
|
<div class="btn op factorial" id="!">n!</div>
|
|
<div class="btn op divide" id="/">/</div>
|
|
<div class="btn num" id="7">7</div>
|
|
<div class="btn num" id="8">8</div>
|
|
<div class="btn num" id="9">9</div>
|
|
<div class="btn op multiply" id="*">*</div>
|
|
<div class="btn num" id="4">4</div>
|
|
<div class="btn num" id="5">5</div>
|
|
<div class="btn num" id="6">6</div>
|
|
<div class="btn op minus" id="-">-</div>
|
|
<div class="btn num" id="1">1</div>
|
|
<div class="btn num" id="2">2</div>
|
|
<div class="btn num" id="3">3</div>
|
|
<div class="btn op plus" id="+">+</div>
|
|
<div class="btn op decimal" id=".">.</div>
|
|
<div class="btn op num zero" id="0">0</div>
|
|
<div class="btn op backspace" id="back"><</div>
|
|
<div class="btn op equals" id="equals">=</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |