모달 01.30

정영하·2023년 1월 30일
0

월화

목록 보기
3/5
post-thumbnail
button id="messageBtn"

버튼 아이디를 설정 후

const messageBtn = document.getElementById("messageBtn");

버튼에 담긴 원소를 가져온다.

messageBtn.onclick = () => {
        //input에 메시지 없으면 경고 띄우기
        if(messageInput.value == ""){
            alert("메시지를 입력하세요.");
            return;
        }

        message.innerText = messageInput.value;
        messageInput.value = ""; //다시 빈칸으로 설정

        //모달창 닫기
        myModal.hide();
    };

onclick을 이용하여 버튼에 값이 없으면 경고창이 뜨고 값이 있으면 text칸으로 추가된다.
모달 창이 종료되면 다시 값이 빈칸으로 돌아간다.

0개의 댓글