key값 / value값 연습

문제

button을 클릭하면 input요소에 작성된 내용을 p요소에 입력되도록하고, input에 있는 내용은 삭제하세요.

 

<잘 못된 코드>

 

'4. Input에 입력된 값을 삭제한다.' 코드를 작성할때  input변수의 키값을 참조해 왔더니 input의 value값이 삭제가 안됬다.

그 이유는 document.querySelector("#inputMsg").value;를 새로만든 저장소(input변수)에 복사해서 담아 놓았기 때문에 input변수의 키 값을 참조해올경우 원본의 값은 변경되지 않기 때문이다. 

 

 

 

<잘된 코드>

INPUT요소의 입력된 값을 실제로 없애 주려면 원본(document.querySelector("#inputMsg").value;) 을 변경해주어야 한다.