tateti.html 2.48 KB
Newer Older
roshka committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Juego TA - TE - TI</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="tateti.css" rel="stylesheet">
    </head>
    <body>
        <section id="seccion1">
            <h1 class="titulo">Juego TA - TE - TI</h1>
            <table>
                <tr class="fila">
                    <td class="columna" id="11" onclick="clickCuadro('11')">...</td>
                    <td class="columna" id="12" onclick="clickCuadro('12')">...</td>
                    <td class="columna" id="13" onclick="clickCuadro('13')">...</td>
                </tr>
                <tr class="fila">
                    <td class="columna" id="21" onclick="clickCuadro('21')">...</td>
                    <td class="columna" id="22" onclick="clickCuadro('22')">...</td>
                    <td class="columna" id="23" onclick="clickCuadro('23')">...</td>
                </tr>
                <tr class="fila">
                    <td class="columna" id="31" onclick="clickCuadro('31')">...</td>
                    <td class="columna" id="32" onclick="clickCuadro('32')">...</td>
                    <td class="columna" id="33" onclick="clickCuadro('33')">...</td>
                </tr>
            </table>
            <section id="seccion11">
                    <form id="formulario">
                        <p id="tituloJugadores">Ingrese los nombres de los jugadores, y su ficha correspondiente:</p>
                        <input type="text" name="PedidoJug1" id="PedidoJug1" class="cuadroJug" value="" autofocus> = 
                        <select name="fichaJugador1" id="fichaJugador1" class="selectores">
                            <option value="optX">X</option>
                            <option value="optY">Y</option>
                        </select>
                        <input type="text" name="PedidoJug2" id="PedidoJug2" class="cuadroJug" value=""> = 
                        <select name="fichaJugador2" id="fichaJugador2" class="selectores">
                                <option value="optX">X</option>
                                <option value="optY">Y</option>
                        </select>
                        <input type="button" value="Jugar!" id="btnJugar" onclick="iniciarJuego()">
                        <p id="JugadorActual"></p>
                    </form>  
                </section>
        </section>
    </body>
    <script src="tateti.js"></script>
</html>