Click here for free DL of the app version that can save data.

No:9840

←

Prev Next

→

Pilerony
Developer User4435｜Date and time 23/7/28 4:30:52
Build time 17.567 sec｜Game capacity 2.925KB｜

Script

Juego de Pictogramas

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Pictogramas</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #gameboard {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .cell {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>Juego de Pictogramas</h1>

// Arreglo para almacenar las posiciones seleccionadas por el jugador
        var seleccionados = [];

// Función para manejar los clics en los pictogramas
        function handlePictogram(index) {
            if (seleccionados.length < 2) {
                // Validar que no se haya seleccionado ya esta posición
                if (!seleccionados.includes(index)) {
                    seleccionados.push(index);
                    document.getElementsByClassName("cell")[index].innerText = pictogramas[index];
                }
            }
            
            if (seleccionados.length == 2) {
                setTimeout(checkMatch, 1000);
            }
        }

// Función para comprobar si se hace un acierto
        function checkMatch() {
            var pictograma1 = pictogramas[seleccionados[0]];
            var pictograma2 = pictogramas[seleccionados[1]];
            
            if (pictograma1 === pictograma2) {
                // Acierto
                document.getElementsByClassName("cell")[seleccionados[0]].style.backgroundColor = "green";
                document.getElementsByClassName("cell")[seleccionados[1]].style.backgroundColor = "green";
            } else {
                // Error
                document.getElementsByClassName("cell")[seleccionados[0]].innerText = "";
                document.getElementsByClassName("cell")[seleccionados[1]].innerText = "";
            }

// Limpiar selección de pictogramas
            seleccionados = [];
        }
    </script>
</body>
</html>