Home » 2017 » June » 9 » Introducere In Javascript (easy)
22:08
Introducere In Javascript (easy)

Introducere:

 

Ce este JavaScript ?

-este un limbaj de scripting

-este un limbaj client-side

-este gratis, nu necesita licenta!

-a fost creat pentru a da interactivitate paginilor web

-este deobicei inclus in codul HTML

 

ATENTIE!!!

* JavaScript NU este acelasi lucru cu Java !

* Java este un limbaj de programare avansat ! [ din categoria 'C'-urilor]

 

Hai sa incepem...

Apropo, pentru a incepe sa invatati JavaScript trebuie sa stiti HTML !

 

 

 

Ignorand elementele de HTML (<html> , <body> ....) , observam scriptul nostru:

 

 

<script type="text/javascript">

document.write("PC Troubleshooting.ro")

</script>[/code]




Sa incepem cu codul:



[code]<script type="text/javascript">Scriptul nostru</script>

Ce face acest cod ? Ei bine, ii spune browserului unde incepe si unde se termina scriptul nostru.

document.write("PC Troubleshooting.ro")

Ce se intampla aici ? E destul de usor...

document.write("")

este sintaxa care ii spune browserului sa scrie pe pagina noastra textul definit. Deci pana acum i-am 'comandat' browserului sa scrie un anumit text pe o pagina, nu-i rau pentru cateva minute ... Cum putem pune niste commenturi sau indicatii in interiorul scriptului fara sa afecteze cu ceva ? Si aici este destul de simplu doar introduceti:

<!-- Comentariu sau indicatie //-->

Cum putem pune niste scripturi inafara unei pagini web dar ele sa fie executate ? Introducand codul de mai jos:

<script src="numele_scriptului_nostru.js"></script>

Foarte mare atentie, in fisierul nostru .js nu mai introducem tagurile <script> </script> Adaugam doar continutul scriptului, in exemplul meu:

document.write("PC Troubleshooting.ro")

Conditional Statements Cu siguranta ati auzit de if...else si nu ati stiut ce sunt sau ce fac de fapt... Sa incepem cu cu if: Sintaxa:

if (conditie)

{

codul care va executat daca conditia este adevarata

}[/code]




Exemplu:



[code]<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Bun venit pe <b>PC Troubleshooting.ro</b>!")
}
</script>

Ce face codul de mai sus ? In primul 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("Bun venit pe <b>PC Troubleshooting.ro</b>!") } Daca variabila 'timp' esta mai mica de '11' , folosind comanda document.write se va afisa textul: Bun venit pe PC Troubleshooting.ro!, presupun ca ati observat ca am folosit tag-urile: <b></b>, deci PC Troubleshooting.ro va fi afisat bolduit(ingrosat). Dar daca am vrea sa afiseze ceva chiar daca 'timp' nu este mai mica de '11', cum facem ? Aici intervine else! Sintaxa:

if (conditie)

{

cod care va fi executat daca conditia este adevarata

}

else

{

cod care va fi executat daca conditia nu este adevarata

}[/code]




Exemplu:



[code]<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Bun venit pe <b>PC Troubleshooting.ro</b>!")
}
else
{
document.write("PC Troubleshooting.ro")
}
</script>

Views: 253 | Added by: Boss | Rating: 0.0/0
Total comments: 0
avatar