Как сделать чтобы при нажатии на кнопку появлялся текст?
Как сделать чтобы при нажатии на кнопку появлялся текст ответа?
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>
Ответы (1 шт):
Автор решения: SaNFeeD
→ Ссылка
.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")
});
}))