Javascript: zer den eta nola hasi hutsetik ikasten

JavaScript programazio-lengoaia dinamiko bat da, web garapenean , web aplikazioetan, jokoen garapenean eta abarretan erabiltzen dena . HTML eta CSSrekin bakarrik egin ezin diren web orrietan ezaugarri dinamikoak ezartzeko aukera ematen du .

Arakatzaile askok script-lengoaia gisa erabiltzen dute sarean gauza dinamikoak egiteko. Goitibeherako menu bat, orri bati gehitzen zaion eduki gehigarria eta orrialde bateko elementuen koloreen aldaketa dinamikoak ikusten dituzun bakoitzean, adibide batzuk aipatzearren, hizkuntza honen ondorioak ikusten ari zara.

Artikulu honetan ikusiko duguna.

JavaScript-ek nola egiten dituen gauzak dinamikoagoak

Nola erabili JavaScript HTMLn

Datu motak JavaScript-en

JS-n aldagaiak

JavaScript iruzkinak

Funtzioak JS-n

Nolakoa izango litzateke Weba JavaScript gabe?

JavaScript gabe, webean edukiko zenukeen 2024ko telefono zenbakien zerrenda eguneratua mundu osotik guztia HTML eta CSS izango lirateke. Hauek soilik web orri batzuen ezarpenetara mugatzen zaituzte. Zure web orrien % 90 (gehiago ez bada) estatikoak izango lirateke eta CSS-k eskaintzen dituen animazioak bezalako aldaketa dinamikoak besterik ez zenituzke izango.

JavaScript nola gauzak dinamikotzen dituen

HTML-k zure web dokumentuaren egitura eta bere edukia definitzen ditu. CSS-k hainbat estilo deklaratzen ditu web dokumentuan emandako edukiarentzat.

HTML eta CSS programazio lengoaiak baino gehiago markatze-lengoaiak deitzen dira, funtsean, oso dinamikotasun gutxiko dokumentuei marka ematen dietelako.

JavaScript, berriz, kalkulu matematikoak onartzen dituen programazio-lengoaia dinamikoa da, DOM-era HTML edukia dinamikoki gehitzeko aukera ematen du, estilo dinamikoko adierazpenak sortzen ditu, beste webgune bateko edukia eskuratzen du eta askoz gehiago.

JavaScript-ek gauza hauek guztiak nola egiten dituen aztertu aurretik, ikus dezagun adibide azkar bat.

Codepen-en, sarrera eremuan idazten usa bu duzunean, testua pantailan agertzen dela ikusiko duzu. Hori posible da JavaScript-i esker. Ezin duzu hau HTML, CSSrekin lortu.

JavaScript-ek artikulu honetan aipatu dudana baino askoz gehiago egin dezake. Baina JSrekin hasteko, ikus dezagun:

Datu motak

Aldagaiak

Iruzkinak

Funtzioak

Nola erabili JS HTMLn

CSS bezala, JavaScript modu askotan erabil daiteke HTMLn, hala nola:

JS txertatua

Hemen, JavaScript kodea HTMLko etiketetan duzu JSn Da li ove ključne riječi imaju zdravu količinu mjesečno? oinarritutako atributu berezi batzuetan.

Adibidez, HTML etiketak gertaera bat abiarazten denean koderen bat exekutatzeko aukera ematen duten atributuak dituzte. Hona hemen zer esan nahi dudan:

Hau inline JavaScript adibide bat da. ‘onclick’-en balioa bat datozen kalkulu bat izan daiteke, DOM-en gehikuntza dinamiko bat, sintaxirako baliozko edozein JavaScript kodea.

Barne JS, script etiketarekin

HTML orri baten estilo-adierazpenetarako etiketa bezala, script-etiketa existitzen da JavaScript-erako. Ikusi nola erabiltzen den:

Baliteke zure JavaScript kodea aparteko fitxategi batean edukitzea. Kanpoko JavaScript hori ahalbidetzen du. Horrelako erabilera kasuetarako, hona hemen nola egiten den:

Script etiketaren src atributuak JavaScript kodeari letra-tipo bat aplikatzeko aukera ematen du. Erreferentzia hau garrantzitsua da, arakatzaileari jakinarazten diolako script.js-en edukia ere eskuratzeko .

script.js index.html -rekin direktorio berean egon daiteke , edo beste webgune batetik lor daiteke. Azken horretarako, URL osoa eman beharko duzu

Konturatu .js luzapena ? Hau JavaScript fitxategien luzapena da, HTML-k .html duen bezala .

Orain JavaScript gure HTMLra aplikatzeko moduak aztertu ditugunean, ikus ditzagun JavaScript-en ezaugarri batzuk.

JavaScript-en, datuek mota batekoak edo bestekoak izan behar dute. JavaScript-ek hori jakin behar du, beste datu batzuekin nola erabili edo datu horiekin nola funtzionatu jakin dezan.