La programmazione riguarda l'efficienza. La ripetizione all'interno di un codice è sempre stata disapprovata dagli sviluppatori di tutto il mondo. Per adempiere a questo scopo, esiste qualcosa che esiste funzioni nella programmazione. Quindi cos'è esattamente una funzione? Le funzioni possono essere viste come un pezzo di codice che lo sviluppatore crea all'interno del loro programma. Questa funzione che è stata creata una volta può essere utilizzata più volte semplicemente usando il nome di quella funzione. Nello sviluppo web, le funzioni vengono create all'interno di JavaScript ma possono essere utilizzate all'interno del codice HTML.

In questo articolo, un po 'di luce verrà gettato su come esiste una funzione in JavaScript, la sezione HTML.

Chiamare qualsiasi funzione JS all'interno del codice HTML

Quando si affrontano le funzioni in JavaScript, si distingueranno due scenari distinti. Questa sezione ti mostrerà come puoi chiamare qualsiasi funzione JavaScript in uno di questi due casi.

JavaScript all'interno del file HTML

Quando la funzione JavaScript esiste all'interno dello stesso file del codice HTML, è abbastanza semplice accedervi e chiamarla all'interno di HTML. Vediamo il codice di esempio di seguito:

Fai clic su questo pulsante per chiamare la funzione JavaScript all'interno di HTML

All'interno della sezione JavaScript di questo codice, si forma una funzione che ha il nome "Funzione campione". La funzione dovrebbe eseguire un avviso quando viene chiamata. All'interno del corpo principale del codice HTML, viene creato un pulsante. I pulsanti hanno un “al clic"Funzione che consente loro di chiamare le funzioni dal codice JS. Utilizzeremo il nome "Funzione campione"Che verrà usato per chiamarlo in"al clic" caratteristica. Dai un'occhiata all'esempio seguente:

L'output è il seguente:

JavaScript all'interno di un file esterno

Nella maggior parte dei casi, le funzioni JavaScript non sono presenti all'interno dello stesso file del codice HTML. In casi come questo, i due file devono essere collegati insieme in modo che il codice HTML possa chiamare le funzioni da JavaScript. Questo codice in basso rappresenta il file JavaScript:

funzione campionefunction ()
documento.Scrivi ("La funzione è stata chiamata!");

Nel file JavaScript, la funzione è stata creata. Questa funzione può ora essere chiamata in un file HTML quante volte lo sviluppatore lo desidera. Il codice seguente mostra il file HTML:

Fai clic su questo pulsante per chiamare la funzione JavaScript all'interno di HTML

Qui abbiamo collegato il file JavaScript che si chiama "jsfile.js"Con il file HTML che utilizza il"src"Parola chiave all'interno dei tag di script. In questo modo consentirà il "al clic"Funzione di seguito per accedere alla funzione dal file JS.

Conclusione

Esistono due modi per raggiungere una funzione JavaScript all'interno di HTML. Il primo è usare il “al clic"Funzione di un pulsante per chiamare la funzione già presente all'interno del file HTML. Il secondo sta collegando il file JavaScript esterno con il file HTML utilizzando la parola chiave "SRC". In questo articolo, hai imparato i due diversi scenari in cui dovrai accedere a una funzione da JavaScript all'interno di HTML.