1. Alert

We can display information to the user with alert() dialog.

It is an easy way to show a dialog for the user based on e.g. button click or when an event happens (like data is fetched).

Example:

alert("Hello world!");

2. Confirm

Confirm dialog is for getting user's confirmation. It shows a dialog with desired text and two buttons: "OK" & "Cancel".

If user clicks "OK" the function returns true and if "Cancel" the return value is false.

Example:

let isOkay = confirm("Are you sure?");

3. Prompt

To collect user input e.g. user's name we can use prompt-dialog.

It works similarly as confirm-dialog:

- pass the text as parameter

- displays a text input

- returns the text input value when dialog is closed

Example:

let name = prompt("What is your name?");

We can also pre-populate the text field by providing second parameter for the function:

Example:

let name = prompt("What is your name?", "Tuomo");

Use Javascript dialogs for quickly displaying information or getting user input.

alert 💬

confirm 👍/👎

prompt ✏️