Code HTML JavaScript du jeu de devinettes

Ouvrir dans l'éditeur Publiez votre code

Recommandé

16 September 2025

Modèle HTML de formulaire d'envoi de pièces TikTok

18 August 2024

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
</head>
<body>
    <h1>Guess the Number Game</h1>
    <p>Guess a Number Between 1 and 10</p>
    <input type="number" id="usr" placeholder="Enter From 1 to 10">
    <button onclick="checkGuess()">Submit Guess</button>
    <p id="msg"></p>
    <p id="scr"></p>
 <script>
const randomNumber=Math.floor(Math.random()*10) + 1;
let numberofGuesses=0;
let score=10;
console.log(randomNumber)
function checkGuess() {
    const usr=parseInt(document.getElementById("usr").value);
    const msg=document.getElementById("msg");
    const scrDisp=document.getElementById("scr");
    numberofGuesses++;
    score = 10 - numberofGuesses;
    if(usr===randomNumber){
       score=score+1;
         msg.textContent=`Congrats ! You guessed number in ${numberofGuesses} attempts`
        scrDisp.textContent=` Your Final score is ${score} `;

document.getElementById("usr").disabled=true;
    }
    else if(usr<randomNumber){
         msg.textContent=`Your guess is too low Try Again `;

}
    else if(usr>randomNumber){
         msg.textContent=`Your guess is too High Try Again `;

}
    document.getElementById("usr").value="";
    
   
}
</script>
</body>
</html>

Code HTML JavaScript du jeu de devinettes

Recommandé

Modèle HTML de formulaire d'envoi de pièces TikTok

Évaluation des émojis

Un code par efficientlogic648

HTML

CSS

JS

Recommandé

Modèle HTML de formulaire d'envoi de pièces TikTok

Évaluation des émojis

Un code par efficientlogic648

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS