버튼 클릭 시 특정영역 숨기기 보이기

내일배움캠프 LGLG!

4주차(프로그래밍 기초)

리뷰 작성 페이지 기능 구현을 하던 중에 “리뷰 작성” 을 눌러야 입력폼이 보이면서 “리뷰 작성” 버튼이 사라지고,
“등록” 버튼을 누르면 입력폼이 숨겨지면서 다시 “리뷰 작성” 버튼이 보이는 것을 구현하고 싶어졌다.

이 기능은 웹종반 강의에서 onclick을 활용하는 방법을 이미 배웠지만,
팀프로젝트는 바닐라자바스크립트로 하다보니 onclick이 아니라 addEventLister를 통해 구현을 시도했다.

window.addEventListener("load", () => {
  reviewForm.style.display = "none";
}); // 페이지가 열렸을 때 리뷰 폼 숨기기!

revieWriteBtn.addEventListener("click", () => {
  reviewForm.style.display = "block";
  revieWriteBtn.style.display = "none";
}); // 리뷰 작성 버튼을 눌렀을 때 리뷰 폼은 보이고, 리뷰 작성 버튼은 숨기기!

정리하고 보니까 너무나도 간단해서 조금 허무하다..ㅎㅎ!