JSFiddle - React, Tailwind, and code Playground

by Mark Ulybkin

HTML

<div id="messages-container">
    <div class="pane">
      <h3>Лошадь</h3>
      <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
      <button class="remove-button">[x]</button>
    </div>
    <div class="pane">
      <h3>Осёл</h3>
      <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
      <button class="remove-button">[x]</button>
    </div>
    <div class="pane">
      <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
      <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют
        тёлками.
      </p>
      <button class="remove-button">[x]</button>
    </div>
  </div>

CSS

body {
    margin: 10px auto;
    width: 470px;
  }

  h3 {
    margin: 0;
    padding-bottom: .3em;
    font-size: 1.1em;
  }

  p {
    margin: 0;
    padding: 0 0 .5em;
  }

  .pane {
    background: #edf5e1;
    padding: 10px 20px 10px;
    border-top: solid 2px #c4df9b;
    position: relative;
  }

  .remove-button {
    position: absolute;  
    top: 0;
    display: block;
    font-size: 110%;
    color: darkred;
    right: 10px;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
  }

JavaScript

var buttons = document.querySelectorAll('#messages-container .remove-button');

    for(var i = 0; i < buttons.length; i++) {
      var button = buttons[i];

      button.onclick = function() {
        var el = this.parentNode;     //пояснить эту строчку
        el.parentNode.removeChild(el);  //переписать с css
      };
    }