Кнопка удаления в HTML

Question

Подскажите пожалуйста, как сделать кнопку, чтобы она удаляла элемент в HTML.

ТЕРАФЛЮ

<p>ТераФлю - это порошок для приготовления раствора, который&nbsp;
    устраняет симптомы "простуды". Входящие в состав активные вещества&nbsp; оказывают жаропонижающее, анальгезирующее, сосудосуживающее действие .
    Такой комплексный подход позволяет ускорить выздоровление и уменьшить симптомы болезни. Порошок имеет приятный лимонный вкус, что делает его прием более комфортным.
    Удобная упаковка позволяет брать порошки с собой и применять при первых признаках заболевания.</p> <button>Удалить</button>

Answer 1

На JavaScript, например, можно так

const btn = document.querySelector('button');
btn.addEventListener('click', function () {
  document.querySelectorAll('p').forEach((el) => {
    el.remove();
  });
});

<p style="text-align: center;">
  <strong>ТЕРАФЛЮ</strong>
</p>
<p>
  ТераФлю - это порошок для приготовления раствора, который устраняет симптомы "простуды".
  Входящие в состав активные вещества оказывают жаропонижающее, анальгезирующее, сосудосуживающее действие.
</p>
<button>Удалить</button>

БЛОГ НА HUSL

Кнопка удаления в HTML

Ответы (1 шт):