Esercitazione Morra cines by @FabiolaSomma - Codewith.it

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

Referenze

<h3>Titolo di intestazione di terzo livello
<i>Formatta il testo in corsivo/italico non enfatizzato
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<br>Inserisce uno spazio vuoto tra due elementi HTML.
multipleConverte in lista a selezione multipla
hreflangConsente di dichiarare la lingua del documento collegato.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Federica Bachini Lab

prova che si muove

Costruzione form

google search clone

Our first web page!

CAPPUCCETTO ROSSO

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>Fabiola Somma 579991</title>
  </head> 
  <body>
    <h1 id="1" Class="a">Benvenuto</h1>
    <h1 Class="a">
    Buona fortuna!
    </h1>
      <h2>
      <button Class="buttoncarta" onclick="clickcarta()">CARTA</button>
      <button Class="buttonsasso" onclick="clicksasso()">SASSO</button>
      <button Class="buttoncarta" onclick="clickforbici()">FORBICI</button>
      <br>
    <button class="buttongioca" id="info" onclick="clickgioco()">GIOCA</button></h2>
  </body>
</html>

.a{
  color:blueviolet; text-align: center; font-family:"Papyrus"; font-size: 40pt
}
body {
  background-image: url('https://www.thegamesmachine.it/wp-content/uploads/2016/11/morra-cinese-editoriale.jpg'); 
  background-position: center;
  background-attachment: fixed;
}
.buttoncarta{
  background-color: blueviolet;
  border-radius: 12px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  display: inline-blockl
  font-size: 16px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.buttonsasso{
  background-color:#008CBA;
  border-radius: 12px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  display: inline-blockl
  font-size: 16px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }
.buttongioca {background-color:#008CBA;
  border-radius: 12px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  display: inline-blockl
  font-size: 16px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

name=prompt("scrivi qui il tuo nome e gioca a morra cinese")
document.getElementById("1").innerHTML=" Benvenuto "+name;
var giocoutente;
function clickcarta()
{
giocoutente="carta";
alert(name+" hai giocato "+giocoutente);
}
function clicksasso()
{
giocoutente="sasso";
alert(name+" hai giocato "+giocoutente);
}
function clickforbici()
{
giocoutente="forbici";
alert(name+" hai giocato "+giocoutente);
}
var giocopc;
function clickgioco()
{
  if (giocoutente=="carta")
  {
  giocopc="FORBICI";
  }
  else
  {
    if(giocoutente=="sasso")
    {
    giocopc="CARTA";  
    }
    else
    {
    giocopc="SASSO";  
    }  
  }
  document.getElementById("info").innerHTML="Il pc ha giocato "+giocopc;
}