Codice HTML JavaScript del gioco di indovinelli

Apri nell'Editor Video Pubblica il Tuo Codice

Consigliato

18 October 2025

Esempio di pulsante HTML di base

8 February 2025

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

Codice HTML JavaScript del gioco di indovinelli

Consigliato

Esempio di pulsante HTML di base

Pulsante di espulsione

Un codice di Mete

HTML

CSS

JS

Consigliato

Esempio di pulsante HTML di base

Pulsante di espulsione

Un codice di Mete

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS