110 lines
No EOL
4.7 KiB
HTML
110 lines
No EOL
4.7 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"><p id="11">Q</p></div>
|
|
<div id="case12"><p id="12"></p>A</div>
|
|
<div id="case13"><p id="13"></p></div>
|
|
<div id="case14"><p id="14"></p></div>
|
|
<div id="case15"><p id="15"></p></div>
|
|
</div>
|
|
<div id="ligne2">
|
|
<div id="case21"><p id="21"></p></div>
|
|
<div id="case22"><p id="22"></p></div>
|
|
<div id="case23"><p id="23"></p></div>
|
|
<div id="case24"><p id="24"></p></div>
|
|
<div id="case25"><p id="25"></p></div>
|
|
</div>
|
|
<div id="ligne3">
|
|
<div id="case31"><p id="31"></p></div>
|
|
<div id="case32"><p id="32"></p></div>
|
|
<div id="case33"><p id="33"></p></div>
|
|
<div id="case34"><p id="34"></p></div>
|
|
<div id="case35"><p id="35"></p></div>
|
|
</div>
|
|
<div id="ligne4">
|
|
<div id="case41"><p id="41"></p></div>
|
|
<div id="case42"><p id="42"></p></div>
|
|
<div id="case43"><p id="43"></p></div>
|
|
<div id="case44"><p id="44"></p></div>
|
|
<div id="case45"><p id="45"></p></div>
|
|
</div>
|
|
<div id="ligne5">
|
|
<div id="case51"><p id="51"></p></div>
|
|
<div id="case52"><p id="52"></p></div>
|
|
<div id="case53"><p id="53"></p></div>
|
|
<div id="case54"><p id="54"></p></div>
|
|
<div id="case55"><p id="55"></p></div>
|
|
</div>
|
|
<div id="ligne6">
|
|
<div id="case61"><p id="61"></p></div>
|
|
<div id="case62"><p id="62"></p></div>
|
|
<div id="case63"><p id="63"></p></div>
|
|
<div id="case64"><p id="64"></p></div>
|
|
<div id="case65"><p id="65"></p></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> |