Sweetalert nie wyświetla komunikatu

Question

Cześć,

wróciłem do tego kodu po jakimś czasie. Zapamiętałem, że działał, ale może czegoś nie zapisałem. Wydaje mi się, że wszystko jest ok, ale może widzicie więcej. Nie wyświetla się komunikat o wygranej i remisie w grze w kółko i krzyżyk, mimo, że trzy pola otrzymują taką samą klasę.. Od razu zaznaczam. Załączyłem skrypt SweetAlerta ;)
 

https://codepen.io/Skulak13/pen/XWQxyjy

Comments

Są jakieś błędy w konsoli?

Fajnie byłoby zobaczyć całość online.

---

Wrzuciłem do codepena :

https://codepen.io/Skulak13/pen/XWQxyjy

---

A konsola wyświetla tylko script error.

---

BTW,

• może zamiast <table> spróbuj użyć grid 3x3
• IMO sprawdzanie czy wygrana, czy przegrana, lepiej zacząć sprawdzać po piątym ruch (kliknięciu) wcześniej nie ma sensu
• IMO zamiast setTimeout() sprawdzaj po kliknięciu w pole z uwzględnieniem punktu powyżej, do wykrywania kliknięć na "siatce" użyj np.: Event Delegation

Answer 1

sweetalert2@11:5 Uncaught TypeError: Cannot call a class as a function

Taki błąd widać w konsoli. Próbujesz wywoływać alert jako funkcję, ale to jest tak naprawdę klasa. Najwyraźniej zmieniło się API i teraz trzeba używać swal.fire() zamiast swal().

Zmieniła się też konfiguracja, bo po naprawieniu niewyświetlania się cały czas pokazuje się inny błąd:

iframeConsoleRunner-6d8bf8b4b479137260842506acbb12717dace0823c023e08b96360e60b0840d9.js:1 SweetAlert2: Unexpected type of html! Expected "string" or "Element", got object

Ogólnie musiałbyś pozmieniać te wywołania, np

swal('It\'s a draw!', {
    buttons: {
        confirm: {
            text: "OK",
            value: true,
            visible: true,
            className: "swal-button",
        },
    },
}).then((value) => {
    if (value) {
        resetGame();
    }
});

na:

swal.fire( {
    text: 'It\'s a draw!',
    customClass: {
        confirmButton: 'swal-button',
    }
}).then((value) => {
    if (value) {
        resetGame();
    }
});

Więcej info masz w docsach.

Comments

Dzięki za pomoc