다음 프로젝트에서 알림을 표시하는 더 좋은 방법

2692 단어 webdevjavascripthtml
브라우저의 기본alert();이 지겨우신가요?

그 오류에 나도 지루해 😔

그러나 이제는 더 이상 놀라운 경고를 생성하는 강력한 JavaScript 라이브러리가 있습니다. - Sweet Alert

몇 가지 놀라운 알림을 만들어 봅시다


  • 프로젝트로 가져오기Sweet Alert

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


  • 이제 세 가지 다른 유형의 알림을 만들어 보겠습니다.
    1) 성공

  • const success = () => {
      swal ( "Welcome!" ,  "Follow at @codewithsnowbit" ,  "success" )
    }
    


    2)경고

    const warn = () => {
      swal ( "You forgot something!" ,  "Follow at @codewithsnowbit" ,  "warning" )
    }
    


    3) 오류

    const error = () => {
       swal ( "Oops" ,  "Something's not right" ,  "error" )
    }
    


    라이브 데모를 확인하십시오.



    읽어 주셔서 감사합니다
  • Twitter에서 나를 팔로우하세요 -
  • YouTube에서 저를 구독하세요 -
  • 좋은 웹페이지 즐겨찾기