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

No:26214

Mostrame todos los tipos de fuentes de letras disp..ALL
Developer User12699｜Date and time 23/11/27 21:15:12
Build time 35.006 sec｜Game capacity 2.553KB｜

Script

Juego de Tipos de Fuentes

Encuentra el nombre de la fuente correcta para cada pictograma.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Juego de Tipos de Fuentes</title>
    <style>
        #font-display {
            font-size: 40px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <h1>Juego de Tipos de Fuentes</h1>
    <p>Encuentra el nombre de la fuente correcta para cada pictograma.</p>
    <div id="font-display">
        <img id="pictogram" src="pictogram.png" alt="Pictograma">
    </div>
    <div id="options">
        <button onclick="checkAnswer('Arial')">Arial</button>
        <button onclick="checkAnswer('Helvetica')">Helvetica</button>
        <button onclick="checkAnswer('Comic Sans MS')">Comic Sans MS</button>
        <button onclick="checkAnswer('Times New Roman')">Times New Roman</button>
        <button onclick="checkAnswer('Verdana')">Verdana</button>
    </div>
    <script>
        const pictogram = document.getElementById('pictogram');
        const options = document.querySelectorAll('#options button');

const pictograms = [
            { image: 'pictogram1.png', answer: 'Comic Sans MS' },
            { image: 'pictogram2.png', answer: 'Arial' },
            { image: 'pictogram3.png', answer: 'Times New Roman' },
            { image: 'pictogram4.png', answer: 'Verdana' },
            { image: 'pictogram5.png', answer: 'Helvetica' }
        ];

let currentPictogramIndex = 0;
        let score = 0;

function initializeGame() {
            currentPictogramIndex = 0;
            score = 0;
            displayPictogram();
            enableOptions();
        }

function displayPictogram() {
            pictogram.src = pictograms[currentPictogramIndex].image;
        }

function disableOptions() {
            options.forEach(option => {
                option.disabled = true;
            });
        }

function enableOptions() {
            options.forEach(option => {
                option.disabled = false;
            });
        }

function checkAnswer(selectedFont) {
            if (selectedFont === pictograms[currentPictogramIndex].answer) {
                score++;
            }
            currentPictogramIndex++;

if (currentPictogramIndex === pictograms.length) {
                endGame();
            } else {
                displayPictogram();
            }
        }

function endGame() {
            disableOptions();
            alert('¡Juego terminado! Tu puntuación es: ' + score);
        }

initializeGame();
    </script>
</body>
</html>