Phenquestions
Uvod
JavaScript je poznati programski jezik. Koristi se na više od 95% web stranica s kojima svakodnevno komuniciramo. Često možete primijetiti da se klikom na gumb promijeni cijela stranica, otvori se polje obrasca ili se pojavi skočni okvir. Iz perspektive programera / programera, kako možemo primijeniti takvu funkcionalnost i nositi se s interakcijom web stranice s korisnicima? Što se tiče interakcije, JavaScript nudi ugrađene funkcije za kontrolu događaja na web mjestu.
Postoje dvije vrste događaja u JavaScript-u:
- Slušatelj događaja - sluša i čeka da događaj dobije otkaz
- Obrađivač događaja - izvršava se kad se događaj otpusti
U ovom ćete članku naučiti o najčešće korištenom obrađivaču događaja JavaScripta, na klik događaj. Postoje i drugi obrađivači događaja za zadržavanje pokazivača iznad elementa ili za pritiske tipki na tipkovnici, ali u ovom ćemo se članku usredotočiti na događaj onClick.
Događaj onClick koristi se za izvršavanje određenih zadataka klikom na gumb ili interakcijom s HTML elementom.
Sada ćemo vam pokazati primjer da pokažemo kako funkcionira događaj onClick.
Primjer: Promijenite tekst pomoću onClick
U ovom primjeru promijenit ćemo odabir teksta klikom na gumb pomoću događaja onClick. Prvo ćemo izraditi oznaku odlomka i dati ćemo joj ID „odlomak“ da bismo joj kasnije pristupili. Stvorit ćemo gumb s događajem onClick i pozvati funkciju nazvanu „promjena“."
Linuxhint
U datoteci skripte stvorit ćemo varijablu zastavice koja će nam omogućiti provjeru statusa teksta u našoj HTML oznaci odlomka. Zatim ćemo napisati funkciju koja definira funkciju "promjena". U definiciji funkcije stvorit ćemo izraz „if“ u kojem ćemo provjeriti status pomoću varijable flag. Također ćemo promijeniti tekst i izmijeniti zastavu. To je prilično jednostavan komad koda!
var a = 1;promjena funkcije ()
ako (a == 1)
dokument.getElementById ("odlomak").innerHTML = "Linuxhint je sjajan"
a = 0;
ostalo
dokument.getElementById ("odlomak").innerHTML = "Linuxhint"
a = 1;
U redu! Nakon što napišemo sav ovaj kôd, pokrenut ćemo ga, preći u naš preglednik i kliknuti na novostvoreni gumb. Nakon klika na gumb, tekst treba iz "Linuxhint" promijeniti u "Linuxhint je strašan."
Istu tehniku možemo primijeniti bilo gdje za promjenu sadržaja naše web stranice prema našim potrebama. Možemo ga koristiti za promjenu slike ili izvršavanje bilo koje vrste zadatka koju možemo zamisliti pomoću ovog alata.
Zaključak
Ovaj članak objašnjava kako koristiti događaj onClick. U ovom ste članku na praktičan način naučili koncept funkcije onClick. Korištenje događaja onClick tako je jednostavno, čak i početnik može početi raditi s ovom funkcijom. Možete nastaviti učiti, raditi i stjecati više iskustva u JavaScript-u na linuxhint.com da biste bolje razumjeli ovaj programski jezik. Puno ti hvala!
