자바스크립트 INPUT 사용 후 비우기

채팅을 구현하면서

메세지와 닉네임을 입력 후 전송하면

입력했던 내용이 초기화 되도록 자바스크립트를 수정했다.

 

function send(){
    let msg = document.getElementById("msg");
    let userID = document.getElementById("userID");

    console.log(userID.value + ":" + msg.value);

    let chat = document.getElementById("chatArea");

    chat.innerHTML += `<div>${userID.value}: ${msg.value}</div>`;
    userID.value = null;
    msg.value = null;

}

 

 생각보다 간단했던 방법...

INPUT 값에  NULL 만 넣으면 완성