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

No:43578

←

Prev Next

→

Find the faces
Developer User19184｜Date and time 24/2/16 3:43:47
Build time 5.574 sec｜Game capacity 1.619KB｜

Script

Encuentra las caras

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Encuentra las caras</title>
    <style>
        body {
            background-color: #f2f2f2;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #gameContainer {
            display: inline-block;
            position: relative;
        }
        
        #gameContainer img {
            height: 100px;
            width: 100px;
            margin: 10px;
            cursor: pointer;
        }
        
        #result {
            margin-top: 20px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <h1>Encuentra las caras</h1>
    <div id="gameContainer">
        <img id="face1" src="face1.png">
        <img id="face2" src="face2.png">
        <img id="face3" src="face3.png">
        <img id="face4" src="face4.png">
        <img id="face5" src="face5.png">
        <img id="face6" src="face6.png">
        <img id="face7" src="face7.png">
        <img id="face8" src="face8.png">
        <img id="face9" src="face9.png">
    </div>
    <div id="result"></div>

function detectFace() {
            foundFaces++;
            if (foundFaces === totalFaces) {
                document.getElementById('result').innerHTML = "¡Felicitaciones! ¡Has encontrado todas las caras!";
            }
        }

var faceImages = document.getElementsByTagName('img');
        for (var i = 0; i < faceImages.length; i++) {
            faceImages[i].addEventListener('click', detectFace);
        }
    </script>
</body>
</html>