1(2) by @rocky972009 - Codewith.it

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

Referenze

methodDetermina il metodo di invio dei dati di un form al server
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione
requiredRende obbligatorio un campo di input
<h3>Titolo di intestazione di terzo livello
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
<object>Incorpora risorse varie nella pagina web.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Menu a tendina CSS

Promo Weber 2025

Young Corporate Lawyer - Experienc

Esercizi 05/03/2024 es5

meraviglieItalia.html

extract_filename_from_url

Pagina sul lorem ipsum

Esercizio tabella spese

congettura di golbach a 3

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.";
      }  
    }  
  }
}