40 lines
2.2 KiB
HTML
40 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Calculator</title>
|
||
|
|
<link rel="stylesheet" href="./beer.min.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="field border">
|
||
|
|
<input type="text" id="answer" style="text-align: right;">
|
||
|
|
</div>
|
||
|
|
<div class="grid">
|
||
|
|
<div class="s3"><button onclick="append('(')" class="responsive">(</button></div>
|
||
|
|
<div class="s3"><button onclick="append(')')" class="responsive">)</button></div>
|
||
|
|
<div class="s3"><button onclick="append('^')" class="responsive">pow</button></div>
|
||
|
|
<div class="s3"><button onclick="cls()" class="responsive">AC</button></div>
|
||
|
|
<div class="s3"><button onclick="append('7')" class="responsive">7</button></div>
|
||
|
|
<div class="s3"><button onclick="append('8')" class="responsive">8</button></div>
|
||
|
|
<div class="s3"><button onclick="append('9')" class="responsive">9</button></div>
|
||
|
|
<div class="s3"><button onclick="append('/')" class="responsive">/</button></div>
|
||
|
|
<div class="s3"><button onclick="append('4')" class="responsive">4</button></div>
|
||
|
|
<div class="s3"><button onclick="append('5')" class="responsive">5</button></div>
|
||
|
|
<div class="s3"><button onclick="append('6')" class="responsive">6</button></div>
|
||
|
|
<div class="s3"><button onclick="append('*')" class="responsive">*</button></div>
|
||
|
|
<div class="s3"><button onclick="append('1')" class="responsive">1</button></div>
|
||
|
|
<div class="s3"><button onclick="append('2')" class="responsive">2</button></div>
|
||
|
|
<div class="s3"><button onclick="append('3')" class="responsive">3</button></div>
|
||
|
|
<div class="s3"><button onclick="append('-')" class="responsive">-</button></div>
|
||
|
|
<div class="s3"><button onclick="append('0')" class="responsive">0</button></div>
|
||
|
|
<div class="s3"><button onclick="append('.')" class="responsive">.</button></div>
|
||
|
|
<div class="s3"><button onclick="calculate()" class="responsive">=</button></div>
|
||
|
|
<div class="s3"><button onclick="append('+')" class="responsive">+</button></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="./calc.js"></script>
|
||
|
|
|
||
|
|
<a href="https://gitea.site.tesses.net/tesses50/js-calc"></a>
|
||
|
|
</body>
|
||
|
|
</html>
|