title: How to bring my element back after using display:none
body: <p>On click I can hide my div element with <code>display:none</code> but can't get it back with <code>display:inline</code> when button is clicked</p>
  
  <pre><code>document.getElementById("red").onclick = function (){
      document.getElementById("red").style.display = "none";
  }
  document.getElementById("back").onclick = function () {
      document.getElementsById("red").style.display = "inline";
  }
  </code></pre>