Código HTML JavaScript del juego de adivinanzas

1,044 abdulrehmanahmed301

Abrir en el editor Publica tu código

Código HTML JavaScript del juego de adivinanzas

Recomendado

26 February 2025

Página de inicio para desarrolladores de HTML y CSS

30 September 2025

Animación de esfera CSS con efectos de desplazamiento

26 April 2025

Un código de shasshan7236

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>

CSS