title: How to style this javascript countdown timer
body: <p>I've been following a tutorial on how to create a javascript countdown timer. I want to show each in a <code>&lt;h1&gt;</code> tag so i can style it with CSS, but all my attempts have failed so far, and honestly i have no idea on how to go about it. Any help is appreciated</p>
  
  <p>Html</p>
  
  <pre><code>&lt;span id="countdown"&gt;&lt;/span&gt; 
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>// set the date we're counting down to
  var target_date = new Date("Aug 15, 2019").getTime();
  
  // variables for time units
  var days, hours, minutes, seconds;
  
  // get tag element
  var countdown = document.getElementById("countdown");
  
  // update the tag with id "countdown" every 1 second
  setInterval(function () {
  
      // find the amount of "seconds" between now and target
      var current_date = new Date().getTime();
      var seconds_left = (target_date - current_date) / 1000;
  
      // do some time calculations
      days = parseInt(seconds_left / 86400);
      seconds_left = seconds_left % 86400;
  
      hours = parseInt(seconds_left / 3600);
      seconds_left = seconds_left % 3600;
  
      minutes = parseInt(seconds_left / 60);
      seconds = parseInt(seconds_left % 60);
  
      // format countdown string + set tag value
      countdown.innerHTML = days + "d, " + hours + "h, "
      + minutes + "m, " + seconds + "s";  
  
  }, 1000);
  </code></pre>