1(2) by @rocky972009 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

_blankApre i collegamenti ipertestuali in una nuova scheda del browser
listCollega un elemento input con una lista di opzioni datalist
hrefDefinisce l'URL della risorsa/pagina di destinazione.
<meta>Definisce i meta dati di una pagina web.
<iframe>Crea un frame all'interno di una pagina HTML.
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

ximena sanchez JavaScript animati

inserimento immagini in un testo

esercitazione numero 1

Movimento libero JS

I Giornali sul Web

Scheda Tecnica Xiaomi 14 Ultra

pag. 5 progetto inf

curricculum Nicola Pochiero

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html>
  <head>
    <title>ROCCO DE MICHELE - 577788</title>
    <link href="stili.css" rel=stylesheet>
    <script src="algoritmo.js"></script>
  </head> 
  <body><center>
    <h1 class="stile1">  
    MORRA CINESE 
    <br>  
    <img src="https://i0.wp.com/skdesu.com/wp-content/uploads/2018/10/pedra-papel-e-tesoura.png?resize=1100%2C758&ssl=1" height=30% width=auto>  
    </h1>
    <h2 class="stile1">
    CIAO <script language="JavaScript"> document.write(name); </script>, SEI PRONTO A GIOCARE?
    </h2>  
    <h2 class="stile2"><legend class="stile2">COME SI GIOCA:</legend>     
    <ol class="stile3">
    <li>SCEGLI IN SEGRETO LA TUA MOSSA</li>
    <li>OSSERVA LA MOSSA DEL TUO AVVERSARIO</li>
    <li>SPERA DI ESSER STATO FORTUNATO</li></ol>    
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/16/MorraCinese.svg/1200px-MorraCinese.svg.png" align="center" height=50% width=auto> 
    </h2>
      <h2 class="stile4">  
      SCEGLI LA TUA MOSSA:
      <br>
      <button onclick="clickcarta()" class="button1">CARTA</button>
      <button onclick="clicksasso()" class="button2">SASSO</button>
      <button onclick="clickforbice()" class="button3">FORBICE</button>
      <br>
      <br>
      CLICCA QUI PER GIOCARE:  
      <br>  
      <button id="info" onclick="clickgioco()" class="button4">GIOCA</button>
    </h2>
    </center>  
  </body>
</html>

body
{
background:url('https://cdn.pixabay.com/photo/2020/12/13/15/49/red-5828571_960_720.jpg');
background-size: 170% auto;
background-repeat: no-repeat;
background-position:center;  
}
.stile1
{  
text-align:center;
background-color:gold;
width:500px;
font-family:papyrus;
text-transform:uppercase;
border: 1px solid black; 
outline: 5px dotted red;
border-radius:10px;  
}
.stile2
{
text-align:center;
background:gold;
border: 1px solid black; 
outline: 5px dotted red;
font-family: papyrus;
font-style:strong;
border-radius:10px;
width:700px;  
}
.stile3
{
text-align:center;
font-family:papyrus;  
}
.stile4
{
text-align:center;
background:gold;
border: 1px solid black; 
outline: 5px dotted red;
font-family: papyrus;
font-style:strong;
border-radius:10px;
width:800px;
height:300px;
line-height:2;  
}
.button1{
border:5px double black;
width:200px;
height:80px;
text-align:center;
font-family:forte;
background-color:red;
font-size:20;
position:absolute;
left :390px;
}
.button2{
border:5px double black;
width:200px;
height:80px;
text-align:center;
font-family:forte;
background-color:red;
font-size:20;
position:absolute;
left:660px;  
}
.button3{
border:5px double black;
width:200px;
height:80px;
text-align:center;
font-family:forte;
background-color:red;
font-size:20;
position:absolute;
left : 920px;  
}
.button4{
border:10px double black;
width:200px;
height:80px;
text-align:center;
font-family:forte;
background-color:red;
font-size:20;
position:absolute;
left:660px;
}

var name=prompt("Come ti chiami?")
var giocoutente;
function clickcarta()
{
giocoutente="carta";
alert(name+" hai giocato "+giocoutente);
}
function clicksasso()
{
giocoutente="sasso";
alert(name+" hai giocato "+giocoutente);
}
function clickforbice()
{
giocoutente="forbice";
alert(name+" hai giocato "+giocoutente);
}
var giocopc;
function clickgioco()
{
  if (giocoutente=="carta")
  {
  giocopc="FORBICE";
  document.getElementById("info").innerHTML="Il pc ha giocato "+giocopc+".";
  alert("Mi dispiace, hai perso")  
  }
  else
  {
    if(giocoutente=="sasso")
    {
    giocopc="CARTA";
    document.getElementById("info").innerHTML="Il pc ha giocato "+giocopc+".";
    alert("Mi dispiace, hai perso")  
    }
    else
    {
      if(giocoutente=="forbice")
      {
      giocopc="SASSO";
      document.getElementById("info").innerHTML="Il pc ha giocato "+giocopc+".";
      alert("Mi dispiace, hai perso")  
      }
      else
      {
      document.getElementById("info").innerHTML="Non hai giocato. Scegli una mossa.";
      }  
    }  
  }
}