WHY DOESN'T SWAL WORK[SOLVED]

Question

I don't know why but swal doesn't work for me😥
First time trying swal(sweet alert)
Please tell me what I am doing wrong
https://code.sololearn.com/W4OkC7R20W99/?ref=app

Answer 1

Atomic Wave ~⚛ Your code logs an error message of "swal" is not defined because you have put the script tag in body, so it is not loaded before the code in JS tab runs.

Then, because your swal() is in DOMContentLoad event listener, instead of window load event listener, so swal() runs before the library is imported.

ααdítчα ❣️ Your demo works. Just one more point to note: The url from SweetAlert Documentation is a generic one without version, so when they change the syntax later, the code may crash, so it is better to specify the version to import. The url to import a specific version is actually in the sentence above the url textbox, here is my video explaining SweetAlert for your reference:

https://youtu.be/ZKj0QrrQ6fw

We can customize the buttons, read the button clicked, add textbox to modal box, use image as icon, and style the SweetAlert Modal Box, I have introduced ways in my above video, hope it helps.

Answer 2

@aadiyta
What did you change???

Answer 3

Remove java script ;-;

Answer 4

use this script

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js

Answer 5

ααdítчα ❣️
but both are same...
And the output is not same..
!?!?!?!?!?
I did not mean that you have copied...
I m saying that both codes are same and output it different..

Answer 6

This is the CDN: https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js

Answer 7

I think there might be a problem with the COMPILER because both codes , from ααdítчα ❣️ and Atomic Wave ~⚛ are same..

If you face such problems , you can connect to SL via Discord or any other social platform...

Answer 8

YOU ARE STUPID