Jogo de Adivinhação Código HTML JavaScript

636 abdulrehmanahmed301

Abrir no Editor Video Publique Seu Código

Jogo de Adivinhação Código HTML JavaScript

Recomendado

12 December 2025

Simulação de física ragdoll 3D com Three.js e Cannon.js

28 February 2025

formulário de registro/login de animação

22 June 2025

Exemplo de formulário de login em HTML

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>

Jogo de Adivinhação Código HTML JavaScript

Recomendado

Simulação de física ragdoll 3D com Three.js e Cannon.js

formulário de registro/login de animação

Exemplo de formulário de login em HTML

HTML

CSS

JS

Recomendado

Simulação de física ragdoll 3D com Three.js e Cannon.js

formulário de registro/login de animação

Exemplo de formulário de login em HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS