toast GUI를 이용한 함수 호출 코드 function myalert(str) {)

아래는 요청하신 조건에 따라 Toastify 배경 색상을 변경하는 코드입니다:

function myalert(str) {
    // 기본 스타일 설정
    let backgroundStyle = "linear-gradient(to right, #ff5f6d, #ffc371)"; // 붉은 계열

    // 조건에 따른 색상 설정
    if (str.includes('추가')) {
        backgroundStyle = "linear-gradient(to right, #56ab2f, #a8e063)"; // 녹색 계열
    } else if (str.includes('복사')) {
        backgroundStyle = "linear-gradient(to right, #36d1dc, #5b86e5)"; // 파란색 계열
    }

    // Toastify 호출
    Toastify({
        text: str,
        duration: 2000,
        close: true,
        gravity: "top",
        position: "center",
        style: {
            background: backgroundStyle
        },
    }).showToast();
}

코드 설명:

1. 기본 스타일 설정: 처음에는 붉은 계열로 초기화합니다.
2. 조건문 (if / else if):
   • '추가'라는 단어가 포함되어 있으면 녹색 계열 배경.
   • '복사'라는 단어가 포함되어 있으면 파란색 계열 배경.
3. Toastify 호출: 설정된 backgroundStyle을 style 속성에 적용하여 알림을 표시합니다.

사용 예시:

myalert('데이터가 추가되었습니다'); // 녹색 계열
myalert('데이터가 삭제되었습니다'); // 붉은 계열
myalert('데이터를 복사하였습니다'); // 파란색 계열