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 meta tag se foloseste pentru scurta descriere a paginii?
<meta content="..."> <meta description="..."> <meta http-equiv="...">
<meta name="description" content="70-160 caractere ce descriu continutul paginii" />
Ce proprietate CSS opreste efectul dat de "float"?
clear text-align position
#some_id {
  clear: both;
}
Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.
getElementsByName() getElementById() getElementsByTagName()
var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);
Indicati functia PHP ce returneaza numarul de elemente dintr-un array.
is_[) count() strlen()
$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".
happly happily hapily
I live happily.
- Traiesc fericit (in mod fericit).
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".
felizamente felizmente felices
Vivo felizmente.
- Traiesc fericit (cu fericire).
Ghiceste numarul

Last accessed pages

  1. Por si Para (2047)
  2. Scriere cod CSS (3599)
  3. Triunghiuri cu CSS (399)
  4. Conditional IF in Limba Engleza - Fraze Conditionale (77267)
  5. Verificare si Validare caractere din formular (653)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2089)
  2. Curs HTML gratuit Tutoriale HTML5 (1787)
  3. Curs PHP MySQL, Tutoriale si Scripturi PHP (1364)
  4. Curs si Tutoriale JavaScript (1340)
  5. Curs CSS Online Tutoriale CSS3 (1227)