Codice HTML JavaScript del gioco di indovinelli

633 abdulrehmanahmed301

Apri nell'Editor Video Pubblica il Tuo Codice

Codice HTML JavaScript del gioco di indovinelli

Consigliato

18 December 2025

Caricatore HTML5 del gioco Escape Road e configurazione Firebase

16 January 2026

Lettore di giochi Flash con emulatore Ruffle

19 November 2025

Schermata di caricamento animata CSS con punti

HTML

<!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>

Consigliato

Caricatore HTML5 del gioco Escape Road e configurazione Firebase

Lettore di giochi Flash con emulatore Ruffle

Schermata di caricamento animata CSS con punti

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS