title: how to reset a div to its original style with javascript
body: <p>I am trying to "reset" box after several changes to its original state in javascript. I have used several addEventListener methods to change the appearance of a box in HTML, but am having trouble using a "reset" button to revert the box to its original appearance.</p>
  
  <pre><code>document.getElementById('button1').addEventListener('click', function(){
  
    document.getElementById('box').style.height = '250px';
  
  });
  
  document.getElementById('button2').addEventListener('click', function(){
  
    document.getElementById('box').style.background = 'blue';
  
  });
  
  document.getElementById('button3').addEventListener('click', function(){
  
    document.getElementById('box').style.opacity = '0.1';
  
  });
  
  // This is where i need to reset the box
  
  document.getElementById('button4').addEventListener('click', function(){
  </code></pre>