1(2) by @rocky972009 - Codewith.it

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

References

classDefinisce una o più classi per elemento
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
formnovalidateImpedisce la convalida di un singolo elemento input
<em>Formatta il testo in corsivo/italico enfatizzato
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
accept-charsetAttribuisce un tipo di codifica dei caratteri per l'invio dei dati di un form HTML

Users

Log in to search for users

Explore

Find inspiration

esercizio esame 2

Prima Coccola ebay

HTML con classi

inserimento immagini in un testo

Esercizi 05/03/2024 es7

Questa è una pagina dimostrativa

clarinetto.html

Editor di testo HTML

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

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