Mηνύματα – Ειδοποιήσεις

Beforeunload: Αυτό το event τρέχει όταν ο χρήστης πάει να κλείσει ή να ανανεώσει τη σελίδα.

window.addEventListener("beforeunload", function(event) {
// Προειδοποίηση για ανανέωση ή κλείσιμο της σελίδας
const message = "Έχετε μη αποθηκευμένα δεδομένα. Θέλετε να συνεχίσετε;";
event.returnValue = message; // Για συμβατότητα με παλαιότερους browsers
return message; // Ορισμένα browsers χρειάζονται και αυτή τη γραμμή
});

Alert: Εμφανίζει ένα απλό pop-up μήνυμα με κουμπί OK.Ο χρήστης πρέπει να πατήσει ΟΚ για να συνεχίσει.Είναι blocking ⇒ σταματάει τον κώδικα μέχρι να το πατήσει ο χρήστης.

// Εμφάνιση μηνύματος όταν ο χρήστης προσπαθεί να κάνει μια ενέργεια
function showAlert() {
alert("Αυτό είναι ένα απλό μήνυμα!");
}

// Κάλεσε τη συνάρτηση όταν χρειάζεται
showAlert();

Confirm: Εμφανίζει παράθυρο με μήνυμα + δύο κουμπιά: OK και Cancel. Επιστρέφει true αν ο χρήστης πατήσει ΟΚ, και false αν πατήσει Cancel. Έτσι μπορείς να αποφασίσεις τι να κάνει ο κώδικας σου ανάλογα με την επιλογή.

// Εμφάνιση επιβεβαίωσης
function showConfirm() {
var result = confirm("Είστε σίγουροι ότι θέλετε να συνεχίσετε;");
if (result) {
// Ο χρήστης επέλεξε "OK"
console.log("Ο χρήστης επέλεξε να συνεχίσει.");
} else {
// Ο χρήστης επέλεξε "Cancel"
console.log("Ο χρήστης ακύρωσε.");
}
}
// Κάλεσε τη συνάρτηση όταν χρειάζεται
showConfirm();

PopUp: Ανοίγει ένα νέο παράθυρο/καρτέλα στον browser.

window.open("https://www.example.com", "popupWindow", "width=600,height=400");