Sweetalert nie wyświetla komunikatu

pytanie zadane 18 kwietnia w JavaScript przez Skulak Nowicjusz (240 p.)
edycja 18 kwietnia przez Skulak

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

komentarz 18 kwietnia przez Comandeer Guru (602,340 p.)

Są jakieś błędy w konsoli?

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

komentarz 18 kwietnia przez Skulak Nowicjusz (240 p.)

Wrzuciłem do codepena :

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

komentarz 18 kwietnia przez Skulak Nowicjusz (240 p.)

A konsola wyświetla tylko script error.

komentarz 18 kwietnia przez VBService Ekspert (254,440 p.)
edycja 18 kwietnia przez VBService

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

1 odpowiedź

odpowiedź 18 kwietnia przez Comandeer Guru (602,340 p.)
wybrane 21 kwietnia przez Skulak

Najlepsza

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.