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 defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
Ghiceste numarul

Last accessed pages

  1. Expresii uzuale din Limba Spaniola (A-D) (5860)
  2. OOP - Clase si Obiecte - Creare Clasa (6700)
  3. Tutoriale JavaScript (3508)
  4. Creare efecte de miscare (787)
  5. Curs CSS Online Tutoriale CSS3 (116710)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1076)
  2. Curs HTML gratuit Tutoriale HTML5 (885)
  3. Coduri pt culori (625)
  4. Creare si editare pagini HTML (517)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (469)
Chat
Discuta sau lasa un mesaj pt. ceilalti utilizatori
Full screenInchide