mirror of
https://github.com/yusufipk/another-calculator.git
synced 2026-09-11 11:06:11 +00:00
63 lines
1.9 KiB
HTML
63 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Another Calculator App</title>
|
|
<link rel="stylesheet" type="text/css" href="App.css" media="screen" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h4>calc</h4>
|
|
<p>THEME</p>
|
|
<div class="theme">
|
|
<div class="labels">
|
|
<label for="theme1">1</label>
|
|
<label for="theme2">2</label>
|
|
<label for="theme3">3</label>
|
|
</div>
|
|
<div class="radio">
|
|
<input type="radio" id="theme1" name="theme1" />
|
|
<input type="radio" id="theme2" name="theme2" />
|
|
<input type="radio" id="theme3" name="theme3" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="display">
|
|
<div data-previous-operand class="previousOperand"></div>
|
|
<div data-current-operand class="currentOperand"></div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<button data-number>7</button>
|
|
<button data-number>8</button>
|
|
<button data-number>9</button>
|
|
<button data-del class="blue">DEL</button>
|
|
|
|
<button data-number>4</button>
|
|
<button data-number>5</button>
|
|
<button data-number>6</button>
|
|
<button data-operation>+</button>
|
|
|
|
<button data-number>1</button>
|
|
<button data-number>2</button>
|
|
<button data-number>3</button>
|
|
<button data-operation>-</button>
|
|
|
|
<button data-number>.</button>
|
|
<button data-number>0</button>
|
|
<button data-operation>/</button>
|
|
<button data-operation>x</button>
|
|
|
|
<button data-reset class="span-2 blue">RESET</button>
|
|
<button data-equals class="span-2 red">=</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|