JSFiddle - React, Tailwind, and code Playground

by JInks Peng

HTML

<p>this is paragrap one</p>
<p>this is paragrap two</p>
<p>this is paragrap three</p>
<p>this is paragrap four</p>
<p>this is paragrap five</p>

CSS

p{
      padding: 20px;
      margin: 20px 0;
      width: 400px;
      background-color: #eef;
    }

JavaScript

window.onload = function() {
    var paras = document.getElementsByTagName('p');
    for(var i = 0; i < paras.length; ++i) {
      paras[i].onclick = purne;
    }
  }
  function purne() {
    var parent = this.parentNode;
    parent.removeChild(this);  //set this;
    alert('paras ' + document.getElementsByTagName('p').length);
  }