Curs Javascript

Urmatorul script alege aleator un numar intre 1 si 100 pe care vizitatorii pot incerca sa-l afle.
Puteti testa acest script in exemplul de mai jos.

Ghiceste numarul (1 - 100)


Pentru a adauga acest script intr-o pagina web:
1. Adaugati in documentul HTML urmatorul script.
<script type="text/javascript">
<!--
// script gratuit

// Alege un nr. aleator intre 1-100
var nrul=Math.round(Math.random()*(99)+1);
var mesaj='Ghiceste numarul (intre 1 si 100)';

function procs(mystery) {
  var nr=document.forms.guessquiz.nr.value;
  var mesaj='"'+nr+ '" nu este un numar valabil.';
  document.forms.guessquiz.nr.value='';

  // Mesajele returnate
  if (nr==mystery) {
    document.forms.guessquiz.prompt.value='Felicitari! '+mystery+' este corect!';
    alert ('Foarte bine - numarul misterios este '+mystery+'! \n\n Apasa acest buton pentru a juca din nou.');
    mesaj='';
    document.location=document.location; // Reincarca pagina
  }

  if (mystery<nr) {
    mesaj='Mai mic decat '+ nr;
  }

  if (mystery>nr) {
    mesaj='Mai mare decat '+ nr;
  }

  if (nr=='') {
    mesaj='Nu ai ghicit nimic!'
 }

  document.forms.guessquiz.prompt.value=mesaj;
  document.forms.guessquiz.nr.focus();
}
// -->
</script>

2. In document HTML, in locatia unde doriti sa apara formularul pentru joc, adaugati urmatorul cod.
<form onsubmit="" name="guessquiz">
<center>
<table align="center" bgcolor="#dadada" border="3" cellpadding="5">
  <tr>
    <td bgcolor="#018088">
      <font color="#fefefe" face="arial"><b>Ghiceste numarul (1 - 100)</b></font>
    </td>
  </tr>
  <tr>
    <td>
      <center>
      <input type="text" name="prompt" size="31" maxlength="40" value="Ghiceste numarul (intre 1 si 100)"><br>
      <input type="text" name="nr" size="3" maxlength="3" value="">
      <input type="button" value="Ghiceste" onclick='procs(nrul)'>
      </center>
    </td>
  </tr>
</table>
</center>
</form>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag adauga rand nou in paragraf?
<b> <br> <p>
Prima linie ...<br>
Alta linie...
Ce proprietate CSS seteaza spatiu dintre litere?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
Ce functie obtine accesul la un element HTML cu un anumit ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Clic pe instructiunea "echo" utilizata corect.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Adresa URL: http://CoursesWeb.net";
Care din urmatoarele expresii cu "paint" (a picta) se foloseste pentru forma Negativa?
will paint not paint have painted
She does not paint that landscape.
- Ea nu picteaza acel peisaj.
Care din urmatoarele expresii cu "cantar" (a canta) se foloseste pentru propozitie Negativa?
ir a cantar cantaba no cantar
Ella no canta esa canción.
- Ea nu canta acel cantec.
Ghiceste numarul

Last accessed pages

  1. Trecutul nedefinit 8 (265)
  2. Utilizare Gradient (921)
  3. Confusable words - Cuvinte confundabile (6360)
  4. Cursuri limba engleza gratuite si lectii online (66815)
  5. CSS3 Flexbox Container (2920)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1164)
  2. Coduri pt culori (863)
  3. Curs HTML gratuit Tutoriale HTML5 (724)
  4. Cursuri limba engleza gratuite si lectii online (366)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (336)