Código HTML JavaScript del juego de adivinanzas

635 abdulrehmanahmed301

Abrir en el editor Video Publica tu código

Código HTML JavaScript del juego de adivinanzas

Recomendado

28 February 2025

Formulario de registro/inicio de sesión de animación

1 October 2025

Plantilla de sitio web de portafolio HTML CSS JavaScript

2 June 2025

Un código de youssefdahroug2005

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>

Recomendado

Formulario de registro/inicio de sesión de animación

Plantilla de sitio web de portafolio HTML CSS JavaScript

Un código de youssefdahroug2005

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS