progetto 3 morra cinese by @riccardo390 - Codewith.it

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

References

<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
Inserisce un commento nel codice
loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio
<h6>Titolo di intestazione di sesto livello
<ol>Crea liste ordinate o numerate.
relServe a definire la relazione tra il documento e una risorsa.

Users

Log in to search for users

Explore

Find inspiration

Caps Lock Checker

Esercitazione WD

4395-Indovina numero mio

esercizio form 1

INFORMATICA - ESERCIZIO 1 RISOLTO

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>Riccardo Tricarico 581133</title>
  </head> 
  <body>
    <h1 class="a">
     ciao <script language="JavaScript" > var name=prompt("Come ti chiami?"); alert("Il tuo nome è " +name); document.write(name)</script>, <br>benvenuto nel gioco della "morra cinese"
      
    </h1>
    <h2 class="b">
      FAI LA TUA SCELTA
    </h2>
      <p class="h">
        <button class="c" onclick="clickcarta()">SASSO</button>
      	<button class="d" onclick="clicksasso()">CARTA</button>
    	<button class="e" onclick="clickforbice()">FORBICE</button>
      </p>
   <h3 class="f">
      è il turno del pc
    </h3>
      <p><button class="g" id="info" onclick="clickgioco()"><b>CLICCA PER CONTINUARE</b></button></p>
  </body>
</html>

body{text-align:center;text-transform:uppercase; background-color:lightgray;}
.a{font-family:castellar; font-size:20pt;padding-bottom:300;background-image:url("https://lamenteemeravigliosa.it/wp-content/uploads/2015/06/morra-cinese.jpg");background-repeat:no-repeat;background-position:top;color:black;background-size:800px;}
.b{font-family:castellar; font-size:15pt;border: 10px solid red;margin-left:290;margin-right:290;border-radius: 25px;margin-top:50;}
.c{color:red;background-color:black;font-family:castellar;font-size:15pt;border-radius:30%; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);cursor:crosshair;margin-right:150;margin-left:250;}
.d{color:red;background-color:black;font-family:castellar;font-size:15pt;border-radius:30%; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);cursor:crosshair;margin-right:180;}
.e{color:red;background-color:black;font-family:castellar;font-size:15pt;border-radius:30%; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);cursor:crosshair;margin-right:200;}
.f{font-family:castellar; font-size:15pt;border: 10px solid black;margin-left:290;margin-right:290;border-radius: 25px;color:red;margin-top:50;}
.g{color:black;background-color:red;font-family:castellar;font-size:20pt;border-radius:30%; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);cursor:crosshair;margin-top:50;}
.h{margin-top:50;}

var giocoutente;
function clickcarta()
{
giocoutente="sasso";
alert(name+" ha giocato "+giocoutente);
}
function clicksasso()
{
giocoutente="carta";
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="<b>Il pc ha giocato "+giocopc +", mi dispiace hai perso!</b>";}