index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="tabuadaJS.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div class="wrapper">
		<header class="espacamento">
			<h1>Tabuada - operações básicas</h1>
		</header>
		<main>
			<div id="botoes">
				<input type="number" id="numT" placeholder="Type a number"/>
				<input type="button" id="sndBtn" value="Send" class="btnTam"/>
				<input type="button" id="clrBtn" value="Reset" class="btnTam"/>
			</div>
			<div id ="tabuada">
				<p id="rSum" class="resultados espacamento"></p>
				<p id="rSubt" class="resultados espacamento"></p>
				<p id="rMult" class="resultados espacamento"></p>
				<p id="rDiv" class="resultados espacamento"></p>
			</div>
		</main>
	</div>
</body>
	<script src="tabuadaJS.js"></script>
</html>