6: Code



Créez le fichier code.html suivant

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8"/>
		<title>Code</title>
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<style>
			#nombres
			{
				border-collapse: collapse;
				margin-left: 1em;
			}
			#nombres td
			{
				border: 1px solid black;
				width: 30px;
				height: 30px;
				text-align: center;
				cursor: pointer;
				user-select: none;
			}
			#nombres td:hover
			{
				background-color: #ffe;
			}
		</style>
	</head>
	<body>
		<p>
			<input id="code" type="text" maxlength="4"/>
			<input id="valider" type="button" value="Valider" />
			<input id="effacer" type="button" value="Effacer" />
		</p>
		<table id="nombres">
			<tr><td>7</td><td>8</td><td>9</td></tr>
			<tr><td>4</td><td>5</td><td>6</td></tr>
			<tr><td>1</td><td>2</td><td>3</td></tr>
			<tr><td>0</td><td></td><td></td></tr>
		</table>
		<script>
		</script>
	</body>
</html>