JavaScript-stuff/adivinar.html at main · asarsu/JavaScript-stuff · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="adivinar-styles.css">
    <title>Adivinar</title>


</head>
<body>
    <header>
        <h1>8. Adivinar</h1>
        <p>Juguemos a adivinar las parejas. Debes distribuir en la página una cuadrícula de 6 x 5 cajas. De las 30 cajas habrá 15 distintas. Cada par de cajas será de un color distinto. Inicialmente todas las cajas aparecerán negras. Cuando el usuario pinche sobre una caja, se revelará su auténtico color. En ese momento debes arrastrar la caja al lugar donde creas que se encuentra su pareja. Si aciertas, ambas cajas permanecerán boca arriba y ya no se podrá interactuar con ellas. Si fallas, las dos cajas volverán a su estado inicial. El programa debe detectar cuándo están todas las cajas emparejadas y cuánto tiempo has tardado en resolverlo.</p>
        <p><a href="index.html">volver atrás</a></p>
    </header>

    <main>
        <h2>
            <span id="timer">00:00:00</span>
        </h2>

        <section id="tablero">

        </section>


    </main>
    <script src="adivinar_main.js"></script>
</body>
</html>