Codice HTML JavaScript del gioco di indovinelli

77 abdulrehmanahmed301

Apri nell'Editor Pubblica il Tuo Codice

Codice HTML JavaScript del gioco di indovinelli

Consigliato

13 June 2025

Un codice di Metehan

29 August 2025

Task Manager HTML: aggiungi, elimina, completa attività

23 August 2025

Modello di sito web portfolio per web designer

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>

Codice HTML JavaScript del gioco di indovinelli

Consigliato

Un codice di Metehan

Task Manager HTML: aggiungi, elimina, completa attività

Modello di sito web portfolio per web designer

HTML

CSS

JS

Consigliato

Un codice di Metehan

Task Manager HTML: aggiungi, elimina, completa attività

Modello di sito web portfolio per web designer

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS