title: Add child div into parent div on click, then remove it on second click
body: <p>In pure JavaScript, I have to add a child <code>&lt;div&gt;</code> inside of a container <code>&lt;div&gt;</code> using a <code>click</code> event. Then, I must remove each <code>&lt;div&gt;</code> on a <em>second click</em>. </p>
  
  <p>Note: I already found the first half of what I need here, in the first answer to this question ...</p>
  
  <p><a href="https://stackoverflow.com/questions/32383726/adding-new-div-into-exist-div-with-using-onclick">Adding new div into exist div with using onClick()</a></p>
  
  <p>... which is:</p>
  
  <pre><code>function run ()
  {
      var div = document.createElement("div");  
      div.addEventListener("click", run);       
      this.appendChild(div);                    
      this.removeEventListener("click", run);  
  }
  
  document.getElementById("start").addEventListener("click", run); 
  </code></pre>
  
  <p>How can I remove a div after adding it?</p>