0

Как сделать чтобы при нажатии на кнопку появлялся текст ответа?

const questionBtn = document.querySelectorAll(".question__btn")

questionBtn.forEach((element => {
  element.addEventListener("click", () => {
    element.classList.toggle("question__btn--active")
  });
}))
 .answer__text {
      display: none;
   }
 <div class="question">
     <div>
         <p class="question__text"></p> 
         <p class="answer__text"></p>
      </div>
         <button class="question__btn"></button>
 </div>

2
  • Можете уточнить, какого поведения вы ожидаете при нажатии на кнопку?
    – SaNFeeD
    Commented 5 окт. 2022 в 13:54
  • Чтобы .answer__text становился display: block
    – user512592
    Commented 5 окт. 2022 в 13:58

1 ответ 1

0
.answer__text.active{
  display:block;
}

const questionBtn = document.querySelectorAll(".question__btn")

questionBtn.forEach((element => {
  element.addEventListener("click", () => {
  element.parentNode.querySelector('.answer__text').classList.toggle("active")
  });
}))

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.