js-calc/index.html

40 lines
2.2 KiB
HTML
Raw Normal View History

2024-04-13 03:41:59 +00:00
<!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>