Javascript Chp 11 Rock paper Scissor game

-

 <!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Rock Paper Scissors game</title>
    </head>
    <style>
        body{
            height: 100vh; display: flex;align-items: center; justify-content: center; flex-direction: column;
            background-color: seagreen;
        }
        button{
            margin: 12px;
            border: 0cap;
            border-radius: 5px;
            font-size: 1em;
            font-weight: 600;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            padding: 15px;
        }

    </style>
    <body>
        <h1>Rock Paper Scissors</h1>

        <button onclick="

    const randomNumber = Math.random();
    let computerMove = '';

     if (randomNumber>=0 && randomNumber<1/3)
     {
      computerMove ='Rock';
     }
      else if(randomNumber>=1/3 && randomNumber<2/3)
    {
     computerMove ='Paper';
     }
    else if(randomNumber>=2/3 && randomNumber<1)
    {
      computerMove ='Scissors';
    }

     let result = '';
    if(computerMove === 'Rock') {
    result = 'Tie';
    } else if (computerMove === 'Paper')
     {  result = 'You lose.';
     } else if (computerMove === 'Scissors') {
      result = 'You won.'; }

      alert(`Aapne ne Rock chuna mere bhai computer ne ${computerMove} Chuna, and  ${result}`);

     ">Rock</button>

        <button
            onclick="
       
    const randomNumber = Math.random();
    let computerMove = '';

     if (randomNumber>=0 && randomNumber<1/3)
     {
      computerMove ='Rock';
     }
      else if(randomNumber>=1/3 && randomNumber<2/3)
    {
     computerMove ='Paper';
     }
    else if(randomNumber>=2/3 && randomNumber<1)
    {
      computerMove ='Scissors';
    }

     let result = '';
    if(computerMove === 'Rock') {
    result = 'You win.';
    } else if (computerMove === 'Paper')
     {  result = 'Tie.';
     } else if (computerMove === 'Scissors') {
      result = 'You Lose.'; }

      alert(`Aapne ne Paper chuna mere bhai computer ne ${computerMove} Chuna, and  ${result}`);

       
        ">Paper</button>

        <button onclick="
       
               
    const randomNumber = Math.random();
    let computerMove = '';

     if (randomNumber>=0 && randomNumber<1/3)
     {
      computerMove ='Rock';
     }
      else if(randomNumber>=1/3 && randomNumber<2/3)
    {
     computerMove ='Paper';
     }
    else if(randomNumber>=2/3 && randomNumber<1)
    {
      computerMove ='Scissors';
    }

     let result = '';
    if(computerMove === 'Rock') {
    result = 'You Lose.';
    } else if (computerMove === 'Paper')
     {  result = 'Win.';
     } else if (computerMove === 'Scissors') {
      result = 'Tie.'; }

      alert(`Aapne ne Paper chuna mere bhai computer ne ${computerMove} Chuna, and  ${result}`);

       
       
        ">Scissors</button>

    </body>
</html>

Comments

Post a Comment

Popular posts from this blog

HTML FORMS

-
  <! 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 > Forms in HTML </ H1 >     < form action = "/submit.php" > < div >   < label for = "Name" > Name </ label >   < input type = "text" placeholder = "Enter name" > </ div > < div >     < label for = "Phone" > Phone </ label >     < input type = "tel" placeholder = "Enter phone no." >     </ div >     < div >     < label for = "Email" > Email </ label >     < input type = "email" placeholder = "Email" >     </ div >     < div >     < l...
Read more

FORM STYLING IN CSS

-
<! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > forms </ title >   </ head >   < style >     body {       margin : 0 ;       padding : 0 ;     }     .csf {       display : flexbox;       text-align : center ;       background-color : rgb ( 216 , 216 , 216 );       height : 400px ;       width : 550px ;       padding : 90px 0px 0px 15px ;       margin-left : 40% ;       margin-top : 10% ;       border-radius : 2px ;       border : 2px solid ;       font-size : 19px ;     }     input {       mar...
Read more