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

No:13317

118

←

Prev Next

→

A score display when the score increase
Developer User5869｜Date and time 23/8/28 2:33:04
Build time 22.22 sec｜Game capacity 3.951KB｜

Script

Bien sûr! Voici un exemple d'un jeu de questions-réponses simple, écrit en HTML et JavaScript, conçu pour un fonctionnement sur smartphone et comprenant des pictogrammes ainsi qu'un affichage du score :

Jeu de Questions-Réponses

Score: 0

Ce code crée un jeu de questions-réponses avec des pictogrammes sur un smartphone. Le joueur doit sélectionner la bonne réponse parmi les choix proposés. Chaque fois que le joueur répond correctement, le score augmente et est affiché à l'écran. J'espère que cela vous aide à démarrer votre jeu ! N'hésitez pas à me revenir si vous avez d'autres questions.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jeu de Questions-Réponses</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #question {
            margin: 20px;
            font-size: 24px;
        }
        
        #choices {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }
        
        .choice {
            width: 120px;
            margin: 10px;
            padding: 10px;
            border: 1px solid #333;
            cursor: pointer;
        }
        
        #score {
            font-size: 18px;
        }
    </style>
</head>
<body>
    <h1>Jeu de Questions-Réponses</h1>
    <div id="question"></div>
    <div id="choices"></div>
    <div id="score">Score: 0</div>
    
    <script>
        let questions = [
            {
                question: "Quel est le pictogramme pour 'soleil' ?",
                choices: ["🌞", "🌧️", "⭐", "🌙"],
                answer: "🌞"
            },
            {
                question: "Quel est le pictogramme pour 'voiture' ?",
                choices: ["🚲", "🛴", "🚗", "🚆"],
                answer: "🚗"
            },
            {
                question: "Quel est le pictogramme pour 'pizza' ?",
                choices: ["🍔", "🍕", "🌮", "🍟"],
                answer: "🍕"
            },
            {
                question: "Quel est le pictogramme pour 'fleur' ?",
                choices: ["🌺", "🌳", "🌷", "🌸"],
                answer: "🌷"
            }
        ];
        
        let currentQuestion = 0;
        let score = 0;
        
        const questionElement = document.getElementById('question');
        const choicesElement = document.getElementById('choices');
        const scoreElement = document.getElementById('score');
        
        renderQuestion();
        
        function renderQuestion() {
            questionElement.textContent = questions[currentQuestion].question;
            choicesElement.innerHTML = '';
            
            for (let i = 0; i < questions[currentQuestion].choices.length; i++) {
                const choice = document.createElement('div');
                choice.className = 'choice';
                choice.textContent = questions[currentQuestion].choices[i];
                choice.addEventListener('click', checkAnswer);
                choicesElement.appendChild(choice);
            }
        }
        
        function checkAnswer(event) {
            const selectedChoice = event.target;
            const selectedAnswer = selectedChoice.textContent;
            
            if (selectedAnswer === questions[currentQuestion].answer) {
                score++;
                scoreElement.textContent = 'Score: ' + score;
            }
            
            currentQuestion++;
            
            if (currentQuestion < questions.length) {
                renderQuestion();
            } else {
                endGame();
            }
        }
        
        function endGame() {
            questionElement.textContent = 'Jeu terminé!';
            choicesElement.innerHTML = '';
            scoreElement.textContent = 'Score final: ' + score;
        }
    </script>
</body>
</html>
```

J'espère que cela vous aide à démarrer votre jeu ! N'hésitez pas à me revenir si vous avez d'autres questions.