[JavaScript Tutorial] - Introducere [Part 2]

Tutorial JavaScript [PART2]

Autor: X-Treme*Benladen

'The Second Beginning'

Scripturi of-page:
In inițialul rand nu stiu daca se numesc asa oricum... :
-Sunt scripturi inafara documentului (paginii web) dar tot sunt executate.

Cum se poate asa ceva ?

Uite asa :

Code:
<script src="blabla.js"></script>

Destul de usor nu ?

blabla.js:

Code:
document.write("xPower-Studios RoCkZ Smile

")

Dupa cum ati observat nu am mai adaugat tag-urile: <script> si </script> in blabla.js ,daca am fi adaugat tag-urile ar fi fost ca si cum am fi scris in pagina web urmatorul script:

Code:
<script <script> document.write("xPower-Studios RoCkZ Smile

") </script></script>

Nu arata bine deloc nu ?
Din cauza asta nu punem tag-urile in fisierul script-ului (si din cauza ca ar da eroare )

OBSERVATIE: fisierul script-ului trebuie sa aiba intotdeauna extensia .js ! Altfel nu va functiona !

'Enter: var'

var = variabila
Ex:

Code:
<script type="text/javascript">
var nick = "R3AL"
document.write(nick)
</script>

Pentru a defini o variabila nu e nevoie neaparat sa puneti si statement-ul 'var', puteti la fel de bine sa scrieti asa:

Code:
nick = "R3AL"

<script type="text/javascript">
titlu = "Conditional Statements"
document.write(titlu)
</script>

Conditional Statements = Statement-uri de conditie

Cu siguranta ati auzit de if...else si nu ati stiut ce sunt de fapt, ai bine acum stiti

Sa incepem cu cel mai simplu:

if

Sintaxa:

Code:
if (conditie)
{
codul care va executat daca conditia este adevarata
}

Ex:

Code:
<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Neatza <b>xPower-Studios</b>")
}
</script>

Ce face codul de mai sus ?

Pai , in debutantul rand:

var data=new Date()

Stocheaza data curenta in variabila 'data'.

var timp=data.getHours()

Folosind o functie a lui: new Date() , codul de mai sus stocheaza ora curenta in variabila 'timp'.

if (timp<11)
{
document.write("Neatza <b>xPower-Studios</b>")
}

Daca variabila 'timp' esta mai mica de '11' , folosind comanda document.write se va afisa textul: Neatza xPower-Studios , presupun ca ati observat ca am folosit tag-urile: <b>,</b>, deci xPower-Studios va fi afisat in 'bold'.

Dar daca am vrea sa afiseze ceva chiar daca 'timp' nu este mai mica de '11', cum facem ?

Aici intervine 'else'

Sintaxa:

Code:
if (conditie)
{
cod care va fi executat daca conditia este adevarata
}
else
{
cod care va fi executat daca conditia nu este adevarata
}

Ex:

Code:
<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Neatza <b>xPower-Studios</b>")
}
else
{
document.write("Buna ziua <b>xPower-Studios</b>")
}
</script>

Cred ca se intelege de la sine

If....else if....else

Sintaxa:

Code:
if (conditia1)
{
cod care va fi executat daca conditia1 e adevarata
}
else if (conditia2)
{
cod care va fi executat daca conditia2 e adevarata
}
else
{
cod care va fi executat daca conditia1 si conditia2 sunt false
}

Ex:

Code:
<script type="text/javascript">
var data = new Date()
var timp = d.getHours()
if (timp<10)
{
document.write("<b>Buna dimineata xPower-Studios!</b>")
}
else if (timp>10 && timp<16)
{
document.write("<b>O zi buna xPower-Studios!</b>")
}
else
{
document.write("<b>Salu xPower-Studios</b>")
}
</script>

Probabil v-a atras atentia: '&&', && este un operator JavaScript, mai sunt ( + explicatie ):

Code:
&& -> and (si)
|| -> or (sau)
! -> not (nu)

Destul de usor nu ?
Bafta pana data viitoare

Daca aveti dificultăți 'shoot' (not me )