Skip to content

J
js-e004
Switch branch/tag
Find file
Normal viewHistoryPermalink
tateti.html 2.23 KB
Newer Older
Se termino el modo computadora vs humano
e57520c2
 
Cristhian Ortellado 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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio 4</title>
    <link rel="stylesheet" href="css/styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
</head>

<body>
    <div id="mensaje" class="error correcto ">ERROR! Los nombres son obligatorios</div>
    <h1>TA <span class="rojo">TE</span> <span class="verde">TI</span></h1>
    <div class="jugadores">
        <div class="datos">
            <label for="jg-1">Jugador 1 </label>
            <input type="text" name="jg-1" id="jg-1" placeholder="Ingrese su nombre"><br>
            <label for="jg-2">Jugador 2 </label>
            <input type="text" name="jg-2" id="jg-2" placeholder="Ingrese su nombre">
        </div>
        <!-- datos -->
        <div class="datos">
            <h2>Indique que forma usara el Jugador nro 1</h2>
            <label for="forma">X</label>
            <input type="radio" name="forma" id="tipoJugador" checked="checked"><br>
            <label for="forma">O</label>
            <input type="radio" name="forma"><br>
            <label for="computadora">Desea que el segundo jugador sea la computadora </label>
            <input type="checkbox" name="computadora" id="computadora"><br><br>
            <input type="button" value="Iniciar Juego" id="jugar">
        </div>
        <!-- datos -->

    </div>
    <!-- jugadores -->
    <div class="juego">
        <table>
            <tr>
                <td id="A0"></td>
                <td id="A1"></td>
                <td id="A2"></td>
            </tr>
            <tr>
                <td id="B0"></td>
                <td id="B1"></td>
                <td id="B2"></td>
            </tr>
            <tr>
                <td id="C0"></td>
                <td id="C1"></td>
                <td id="C2"></td>
            </tr>
        </table>
    </div>
    <!-- juego -->
    <div class="finalizado">
        <h2>Juego finalizado</h2>
        <p class="ganador"></p>

    </div>
    <!-- finalizado -->
</body>
<script src="js/main.js"></script>

</html>