demo.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="icon" href="./icon.svg" type="image/svg+xml">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com">
		<script src="https://cdn.jsdelivr.net/gh/ratajs/Advanced-Division-js@1.2/AdvDiv.min.js" type="text/javascript" integrity="sha384-V0RdxveNPPBfIo4374oMkSjSkDBFh29wOCfIATs+/0CetZk8Bsr9rVZYNF3hedi8" crossorigin="anonymous"></script>
		<script src="./demo.js" type="text/javascript" defer></script>
		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300;400&family=Roboto:wght@100;300;400&display=swap" type="text/css">
		<link rel="stylesheet" href="./demo.css" type="text/css">
		<title>Advanced Division</title>
	</head>
	<body>
		<div id="caret"></div>
    <main>
			<h1 onClick="location.reload()">Advanced Division</h1>
			<div id="math">
				<span id="n1" role="textbox"></span>
				<strong>&#x2236;</strong>
				<span id="n2" role="textbox"></span>
				<button onClick="submit()">
					=
				</button>
			</div>
			<div id="result"></div>
			<section>
				<button name="1" class="numpadkey">1</button>
				<button name="2" class="numpadkey">2</button>
				<button name="3" class="numpadkey">3</button>
				<button name="Backspace" class="numpadkey">&#x232b;</button>

				<button name="4" class="numpadkey">4</button>
				<button name="5" class="numpadkey">5</button>
				<button name="6" class="numpadkey">6</button>
				<button name="Delete" class="numpadkey">&#x2326;</button>

				<button name="7" class="numpadkey">7</button>
				<button name="8" class="numpadkey">8</button>
				<button name="9" class="numpadkey">9</button>
				<button name="Cancel" class="numpadkey">&#x2327;</button>

				<button name="." class="numpadkey">.</button>
				<button name="0" class="numpadkey">0</button>
				<button name="r" class="numpadkey">&#x0305;</button>
				<button name="Home" class="numpadkey">&#x21e4;</button>

				<button name="ArrowLeft" class="numpadkey">&#x2190;</button>
				<button name="ArrowRight" class="numpadkey">&#x2192;</button>
				<button name="Tab" class="numpadkey">&#x2236;</button>
				<button name="End" class="numpadkey">&#x21e5;</button>
			</section>
		</main>
	</body>
</html>