Scribd
Importer
42 vues2 pages

Black 1

Le document est un code HTML pour un quiz en JavaScript qui pose une question sur la capitale de la France. Il inclut des boutons pour les réponses, qui changent de couleur en fonction de la réponse correcte ou incorrecte, et met à jour le score. Le quiz se réinitialise automatiquement après un délai de deux secondes.

Transféré par

luambamarcel6
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
42 vues2 pages

Black 1

Le document est un code HTML pour un quiz en JavaScript qui pose une question sur la capitale de la France. Il inclut des boutons pour les réponses, qui changent de couleur en fonction de la réponse correcte ou incorrecte, et met à jour le score. Le quiz se réinitialise automatiquement après un délai de deux secondes.

Transféré par

luambamarcel6
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

<!

DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz en JavaScript</title>
<style>
body {
font-family: Arial, sans-serif;
}

.answer {
margin: 5px;
padding: 10px;
border: none;
cursor: pointer;
}

.wrong {
background-color: red;
color: white;
}

.correct {
background-color: green;
color: white;
}
</style>
</head>
<body>
<h1>Quiz</h1>
<div id="question">Quelle est la capitale de la France ?</div>
<button class="answer" onclick="checkAnswer(this, false)">Berlin</button>
<button class="answer" onclick="checkAnswer(this, true)">Paris</button>
<button class="answer" onclick="checkAnswer(this, false)">Madrid</button>
<button class="answer" onclick="checkAnswer(this, false)">Rome</button>

<div id="score">Score: 0 / 0</div>

<script>
let score = 0;
let totalQuestions = 0;

function checkAnswer(button, isCorrect) {


totalQuestions++;

if (isCorrect) {
score++;
[Link]('correct'); // Optionnel : pour les bonnes réponses
} else {
[Link]('wrong');
}

// Désactiver tous les boutons après une réponse


const buttons = [Link]('.answer');
[Link](btn => {
[Link] = true;
});

[Link]('score').innerText = Score: ${score} / ${totalQuestions};

// Optionnel : Réinitialiser le quiz après un certain délai


setTimeout(() => {
resetQuiz();
}, 2000); // Réinitialiser après 2 secondes
}

function resetQuiz() {
const buttons = [Link]('.answer');
[Link](btn => {
[Link]('wrong', 'correct'); // Retirer les classes de style
[Link] = false; // Réactiver les boutons
});

// Réinitialiser le texte de la question et le score si nécessaire


[Link]('score').innerText = Score: ${score} / ${totalQuestions};
}
</script>
</body>
</html>

Vous aimerez peut-être aussi