Programmering handler om effektivitet. Gjentakelse i en kode har alltid blitt rynket av utviklere over hele kloden. For å oppfylle dette formålet eksisterer det noe som kalles funksjoner i programmering. Så hva er en funksjon? Funksjoner kan sees på som et stykke kode som utvikleren lager i programmet sitt. Denne funksjonen som er opprettet en gang, kan brukes flere ganger ved bare å bruke navnet på den funksjonen. I nettutvikling opprettes funksjoner i JavaScript, men kan brukes i HTML -koden.

I denne artikkelen vil noe lys bli kastet på hvordan en funksjon som finnes i JavaScript, kan nås av HTML -delen.

Ringer til hvilken som helst JS -funksjon innen HTML -kode

Når du takler funksjoner i JavaScript, vil to distinkte scenarier skille seg ut. Denne delen vil vise deg hvordan du kan kalle hvilken som helst JavaScript -funksjon i en av disse to tilfellene.

JavaScript i HTML -filen

Når JavaScript -funksjonen eksisterer i samme fil som HTML -koden, er det ganske enkelt å få tilgang til den og ringe den innen HTML. La oss se prøvekoden nedenfor:

Klikk på denne knappen for å ringe JavaScript -funksjonen i HTML

Innenfor JavaScript -delen av denne koden dannes en funksjon som har navnet "prøvefunksjon”. Funksjonen skal visstnok utføre et varsel når det blir kalt. Innenfor hoveddelen av HTML -koden opprettes en knapp. Knapper har en “ved trykk”Funksjon som lar dem ringe funksjoner fra JS -koden. Vi vil bruke navnet "prøvefunksjon”Som vil bli brukt til å kalle det i“ved trykk" trekk. Sjekk ut eksemplet nedenfor:

Utgangen er som følger:

JavaScript i en ekstern fil

I de fleste tilfeller er ikke JavaScript -funksjoner til stede i samme fil som HTML -koden. I tilfeller som dette må de to filene kobles sammen slik at HTML -koden kan ringe funksjoner fra JavaScript. Denne koden nedenfor representerer JavaScript -fil:

funksjonsprøvefunksjon ()
dokument.Skriv ("Funksjonen er blitt kalt!");

I JavaScript -filen er funksjonen blitt opprettet. Denne funksjonen kan nå kalles i en HTML -fil så mange ganger som utvikleren ønsker. Koden nedenfor viser HTML -filen:

Klikk på denne knappen for å ringe JavaScript -funksjonen i HTML

Her har vi koblet JavaScript -filen som heter “Jsfile.JS”Med HTML -filen ved å bruke“src”Nøkkelord i skriptetikettene. Å gjøre dette vil tillate “ved trykk”Funksjon nedenfor for å få tilgang til funksjonen fra JS -filen.

Konklusjon

Det er to måter å nå en JavaScript -funksjon innen HTML. Den første er å bruke “ved trykk”Funksjonen til en knapp for å ringe funksjonen som allerede er til stede i HTML -filen. Den andre kobler den eksterne JavaScript -filen med HTML -filen ved å bruke nøkkelordet "SRC". I denne artikkelen har du lært de to forskjellige scenariene der du trenger å få tilgang til en funksjon fra JavaScript inne i HTML.