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칸으로 추가된다.
모달 창이 종료되면 다시 값이 빈칸으로 돌아간다.