Esercitazione 3 MORRA by @riccardo390 - Codewith.it

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

References

heightDetermina l'altezza di un elemento HTML in pixel
<tfoot>Definisce il footer o sezione inferiore di una tabella.
<aside>Definisce un contenuto separato dal testo perincipale
<embed>Tag per l'incorporamento di contenuti multimediali
<a>Inserisce link e collegamenti ipertestuali
<ul>Usato per la creazione di liste non ordinate.

Users

Log in to search for users

Explore

Find inspiration

esercitazione 6

esercitazione 1

tedesco ad ita sito canzo

esercitazione4.html

Prima Coccola ebay(2)(2)

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