Postoji mnogo načina za pozivanje JavaScript funkcije u HTML dokumentu, a to također nije težak zadatak. Prvo, upotrijebili smo jedan od najlakših načina za pozivanje a JavaScript funkcija u HTML dokumentu:

Ovom metodom stvorit ćemo i definirati funkciju u zaglavlju HTML dokumenta. Da bismo pozvali ovu funkciju u html dokumentu, moramo stvoriti jednostavan gumb i pomoću na klik atribut događaja (koji je rukovatelj događajima) zajedno s njim, možemo pozvati funkciju klikom na gumb.

Da bismo to jasnije razumjeli, pogledajmo dati program:

Program

np std

 functionmyfunction() { alert(&apos;how are you&apos;); } <p>Click the following button to see the function in action</p> 

Objašnjenje programa

U gore navedenom programu izradili smo jednostavan HTML dokument. Unutar glave HTML dokumenta definirali smo funkciju ( npr. moja funkcija();) unutar oznaka skripte ... .

 function myfunction() { alert('how are you'); } 

S druge strane, unutar dijela tijela, prikazali smo neki tekst i napravili gumb. Za poziv naše funkcije upotrijebili smo na klik atribut zajedno s gumbom i kada korisnik klikne na taj gumb, naša se funkcija izvršava i prikazuje poruku upozorenja, kao što možete vidjeti u izlazu.

Pritisnite sljedeći gumb kako biste vidjeli funkciju na djelu

Izlaz

Pozivanje funkcije pomoću vanjske JavaScript datoteke

Također možemo pozvati JavaScript funkcije koristeći vanjsku JavaScript datoteku priloženu našem HTML dokumentu. Da bismo to učinili, prvo moramo stvoriti JavaScript datoteku i definirati našu funkciju u njoj te je spremiti s ekstenzijom (.Js).

Nakon što je JavaScript datoteka stvorena, moramo stvoriti jednostavan HTML dokument. Da bismo uključili našu JavaScript datoteku u HTML dokument, moramo koristiti oznaku skripte i u atributu 'src' moramo dati put do naše JavaScript datoteke gdje je pohranjena. Nakon povezivanja vanjske JavaScript datoteke s HTML dokumentom, možemo stvoriti gumb i pozvati funkcija koristiti 'na klik' atribut s njim.

Razumimo to uz pomoć programa:

Program

Pritisnite sljedeći gumb kako biste vidjeli funkciju na djelu

Objašnjenje programa

U gornjem programu prvo smo stvorili JavaScript datoteku i definirali našu funkciju u njoj te je spremili s . js proširenje.

Funkcija.js

 functionmyfunction() { document.write('welcome to Javatpoint'); } 

Nakon stvaranja JavaScript datoteke, izradili smo HTML dokument i povezali našu JavaScript datoteku koristeći . Budući da smo naš HTML dokument i JavaScript datoteku pohranili u istu mapu, samo smo imenovali našu JavaScript datoteku u atributu 'scr' umjesto pružanja pune putanje u odjeljku head.

Unutar dijela tijela prikazali smo tekst i napravili gumb. Za poziv naše funkcije upotrijebili smo na klik atribut zajedno s gumbom i kada korisnik klikne na taj gumb naša se funkcija izvršava i prikazuje poruku upozorenja, kao što možete vidjeti u izlazu.

Pritisnite sljedeći gumb kako biste vidjeli funkciju na djelu

Izlaz

Sada kliknite na navedeni gumb: