본문 바로가기

자바스크립트

JS 설문조사 창 구현하기

설문조사 구현하다가 나온 문제


  • 처음에 이렇게 코드를 작성하니 각각의 버튼에 대해서 이벤트를 주었기 때문에 잘 동작을 하기는 했다.
  • 하지만 다중선택이 되었고 이는 문제에서 제시한 요구사항이 아니었다.
  • 문제에서 요구사항은 각각의 버튼을 클릭 할 수 있어야 했다.





해결


  • 각각의 이벤트를 달아 주었으니깐 클릭시 클래스가 추가가 되니
  • array 를 가져와 추가된 다른 버튼의 클래스를 삭제해 주었다. remove가 없으면 다 추가가 되니
  • 버튼 클릭 시 추가가 된 클래스들을 지워 주었다.



완성 화면