Esercitazione 3 MORRA by @riccardo390 - Codewith.it

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

Referenze

_selfApre collegamenti ipertestuali nella stessa pagina del browser
minlengthDetermina il numero minimo di caratteri per un elemento input
<caption>Definisce didascalie all'interno di una tabella
hrefDefinisce l'URL della risorsa/pagina di destinazione.
<div>Crea contenitori generici o sezioni in una pagina
<tr>Definisce le righe di una tabella (rows)

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

specialità scout2

Il mio primo sito

ciao io sono sara

Dexter - Stagioni

La Storia di Livia

CodeMirror preview

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>MORRA CINESE</title>
  </head> 
  <body>
    <h1 class="r">
     ciao <script language="JavaScript" > var name=promp("come ti chiami?"); alert("il tuo nome è " +name); document.write(name)</script>, <br>benvenuto nel gioco della "morra cinese"
      
    </h1>
    <h2 class="s">
      FAI LA TUA SCELTA
    </h2>
      <p>
        <button class="t" onclick="clickcarta()">CARTA</button>
      	<button class="t" onclick="clicksasso()">SASSO</button>
    	<button class="t" onclick="clickforbice()">FORBICE</button>
      </p>
    <h3 class="s">
      è il turno del pc
    </h3>
      <p><button class="a" id="info" onclick="clickgioco()">CLICCA PER CONTINUARE</button></p>
  </body>
</html>

.r{
  color:  black; font-family: castellar; text-align:center; background-color:coral; margin-top:100; margin-left:300; font-size:18pt; width:700;
  }
body{ background-image: url("https://www.thegamesmachine.it/wp-content/uploads/2016/11/morra-cinese-editoriale.jpg");  background-position:center; background-size:100%;text-align:center)
}
.t{
  color:coral;font-family: castellar; background-color: black;font-size:14pt ; margin-top:50;  }
p{
  text-align:center;
}
.s{
  color:  black; font-family: castellar; text-align:center;  margin-top:100; margin-left:500; font-size:15pt; background-color: coral; width:300;
  }
.a{
  color: coral; text-align:center; margin-top:50; font-family: castellar; background-color: black;font-size:14pt ;
}

var giocoutente;
function clickcarta()
{
giocoutente="carta";
alert(name+" ha giocato "+giocoutente);
}
function clicksasso()
{
giocoutente="sasso";
alert(name+" ha giocato "+giocoutente);
}
function clickforbice()
{
giocoutente="forbice";
alert(name+" ha giocato "+giocoutente);
}
var giocopc;
function clickgioco()
{
  if (giocoutente=="carta")
  {
  giocopc="FORBICE";
  }
  else
  {
    if(giocoutente=="sasso")
    {
    giocopc="CARTA";  
    }
    else
    {
    giocopc="SASSO";  
    }  
  }
  document.getElementById("info").innerHTML="Il pc ha giocato "+giocopc +", mi dispiace hai perso!";}