메로니
104
2021-03-22 19:40:05 작성 2021-03-22 19:40:38 수정됨
4
112

자바스크립트 질문


자바스크립트 ------------

let container = document.querySelector('#container');
let number = container.lastElementChild.innerText;

container.firstElementChild.addEventListener('click', function() {
   number = Number(number) + 1;
   console.log(number);
});

html ----------------------

<body>
  <h2 id="title">클릭 이벤트를 붙여보자</h2>
  <article id="mission">
    <p>JS를 이용해서 숫자증가버튼을 클릭했을때 span의 숫자가 1씩 올라가게 해주세요.</p>
  </article>

  <div id="container">
    <button>숫자증가</button>
    <span>0</span>
  </div>

</body>


콘솔에는 숫자 증가가 잘 찍히는데 html에는 변화가 없습니다. 이유를 알 수 있을까요?



0
  • 답변 4

  • 장독깨기
    2k
    2021-03-22 20:04:34

    element 에 값을 넣어야 합니다.

  • 메로니
    104
    2021-03-22 20:14:02


    number = Number(number) + 1;

    이 부분이 값을 넣고 있는게 아닌가요?


  • 타트
    293
    2021-03-22 20:30:54
    이너 텍스트로 값 가져오셨고 그 값 바꾸셧으니

    다시 텍스트에 값을 넣어줘야합니다. 지금은 그냥 변수에만 넣은거에요.
  • 메로니
    104
    2021-03-23 16:02:49

    타트 아아 이해 했습니다. 초보라 헷갈렸네요 감사드립니다!

  • 로그인을 하시면 답변을 등록할 수 있습니다.