projet_prog_web/index.html
Brunetto Marie 6b5475c0ad le clavier
2022-11-30 11:58:15 +01:00

110 lines
No EOL
4.3 KiB
HTML

<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<header>WORDLE INSA</header>
<section>
<div class="grille_haut"> <!-- Grille de mots -->
<div id="ligne1">
<div id="case11">A</div>
<div id="case12">A</div>
<div id="case13"></div>
<div id="case14"></div>
<div id="case15"></div>
</div>
<div id="ligne2">
<div id="case21"></div>
<div id="case22"></div>
<div id="case23"></div>
<div id="case24"></div>
<div id="case25"></div>
</div>
<div id="ligne3">
<div id="case31"></div>
<div id="case32"></div>
<div id="case33"></div>
<div id="case34"></div>
<div id="case35"></div>
</div>
<div id="ligne4">
<div id="case41"></div>
<div id="case42"></div>
<div id="case43"></div>
<div id="case44"></div>
<div id="case45"></div>
</div>
<div id="ligne5">
<div id="case51"></div>
<div id="case52"></div>
<div id="case53"></div>
<div id="case54"></div>
<div id="case55"></div>
</div>
<div id="ligne6">
<div id="case61"></div>
<div id="case62"></div>
<div id="case63"></div>
<div id="case64"></div>
<div id="case65"></div>
</div>
</div> <!-- Fin Grille de mots -->
</section>
<footer>
<div class="clavier">
<div class="line1">
<!--la fonction update sera la fonction qui écrit la lettre dans la grille quand on clique dessus-->
<button type="button" onclick="update(Q)">Q</button>
<button type="button" onclick="update(W)">W</button>
<button type="button" onclick="update(E)">E</button>
<button type="button" onclick="update(R)">R</button>
<button type="button" onclick="update(T)">T</button>
<button type="button" onclick="update(Y)">Y</button>
<button type="button" onclick="update(U)">U</button>
<button type="button" onclick="update(I)">I</button>
<button type="button" onclick="update(O)">O</button>
<button type="button" onclick="update(P)">P</button>
</div>
<div class="line2" style="padding-left: 22px;">
<button type="button" onclick="update(A)">A</button>
<button type="button" onclick="update(S)">S</button>
<button type="button" onclick="update(D)">D</button>
<button type="button" onclick="update(F)">F</button>
<button type="button" onclick="update(G)">G</button>
<button type="button" onclick="update(H)">H</button>
<button type="button" onclick="update(J)">J</button>
<button type="button" onclick="update(K)">K</button>
<button type="button" onclick="update(L)">L</button>
</div>
<div class="line3">
<button style="width:67px;" type="button" onclick="Enter()">ENTER</button>
<button type="button" onclick="update(Z)">Z</button>
<button type="button" onclick="update(X)">X</button>
<button type="button" onclick="update(C)">C</button>
<button type="button" onclick="update(V)">V</button>
<button type="button" onclick="update(B)">B</button>
<button type="button" onclick="update(N)">N</button>
<button type="button" onclick="update(M)">M</button>
<button style="width:68px;" type="button" onclick="Supprimer()">SUPPR</button>
</div>
</div>
</footer>
</body>
</html>