Caselle popup in JavaScript
Ci sono tre diverse caselle popup disponibili in JavaScript; Avviso, prompt e Conferma la casella e esploreremo ciascuna delle caselle popup in questo post.
Qual è la scatola di allerta?
La scatola di allerta è una scatola mostrata al centro superiore della finestra del browser ed è utilizzata principalmente per mostrare avvertimenti all'utente. Altre parti del programma smetteranno di eseguire a meno che l'utente non chiuda la casella di avviso. Per chiudere la casella popup di avviso, fai semplicemente clic sul pulsante OK presente nella casella Avviso. IL sintassi Per la scatola di allerta è:
avviso ("avvertimento");Vediamo un esempio in cui stiamo visualizzando un Ciao! Messaggio nella casella di allerta. Il codice JavaScript è presente di seguito:
Nel codice sopra, abbiamo definito un pulsante e inizializzato un al clic evento su di esso che significa ogni volta che l'utente fa clic su Cliccami pulsante, myfunc () eseguirà. Dopo l'inizializzazione del tag pulsante, abbiamo inizializzato il tag di script in cui sarà presente tutto il nostro codice JavaScript. All'interno dei tag di script, abbiamo definito una funzione e all'interno della funzione, abbiamo mostrato un avviso che gli dà il messaggio di Ciao! L'output del codice sopra è mostrato di seguito:
Possiamo vederlo quando l'utente fa clic sul pulsante, il Ciao! l'allerta si è presentata.
Qual è la casella prompt?
La casella prompt viene utilizzata principalmente per ottenere l'input da un utente e appare al centro superiore del browser quando viene invocata. I dati di input sono disponibili anche dopo aver chiuso la casella prompt e se si lascia il campo di input nella casella prompt vuota, restituirà un valore nullo. La sintassi per la casella prompt è:
prompt ("messaggio prompt qui");Facciamo un esempio per comprendere meglio la casella prompt.
Nel codice sopra, stiamo prendendo un input utilizzando la casella prompt e salvandolo nel nome della variabile. Dopo che il nome è stato salvato, registriamo la console il nome utente che è stato inserito. L'output del codice sopra è sotto:
Adesso vedremo il nome sulla finestra della console:
Cos'è una casella di conferma?
Il terzo e ultimo tipo di casella popup JavaScript ci offre è la casella di conferma la cui funzione è ottenere l'autorizzazione o l'autorizzazione dall'utente. Se l'utente dà l'autorizzazione, allora deve fare clic sul pulsante OK, altrimenti deve fare clic sul pulsante Annulla. IL sintassi per la casella di conferma è:
confermare ("autorizzazione va qui");Ora andiamo attraverso un esempio della casella di conferma.
Nel codice sopra, all'interno della funzione, stiamo verificando se l'utente ha fatto clic sul "OK" pulsante o il pulsante Annulla. Se l'utente fa clic su OK pulsante allora vedremo “Ok premuto!" Nel registro della console altrimenti, vedremo "Annulla!" Nel registro della console.
Vediamo l'output nel registro della console quando facciamo clic sul pulsante OK della casella di conferma:
Ora vediamo l'output quando facciamo clic sul pulsante Annulla nel registro della console:
La console mostra il seguente output:
Conclusione
JavaScript ci offre tre tipi di caselle pop-up che vengono utilizzate per mostrare un messaggio, un avviso o una notifica a un utente utilizzando la nostra applicazione Web o la nostra pagina Web. Le tre scatole popup sono; Avviso, prompt e conferma la casella. La casella popup di avviso viene utilizzata per mostrare un avviso a un utente mentre la casella popup prompt viene utilizzata per prendere input dall'utente e la casella di conferma finale viene utilizzata per prendere l'autorizzazione da un utente.
In questo post, abbiamo discusso delle tre caselle popup in JavaScript insieme alla loro implementazione e screenshot dell'output in JavaScript.