title: Cannot set property 'innerText' of null
body: <p>I got some error please help me. I did check out f12 the error message : </p>
  
  <blockquote>
    <p>TypeError: Cannot set property <code>innerHTML</code> of <code>null</code> &lt;&lt; like this</p>
  </blockquote>
  
  <p>Apologies for my English.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;/head&gt;
   &lt;body&gt;
  &lt;div class="js-clock"&gt;&lt;/div&gt;
  &lt;h1&gt;00:00&lt;/h1&gt;
  &lt;script type ="text/javascript"&gt;
  const clockContainer=document.querySelector(".js-clock") ,
  clockTitle =clockContainer.querySelector("h1");
  
  function getTime() {
  const date = new Date();
  const minutes = date.getMinutes();
  const hours = date.getHours();
  clockTitle.innerText =`${hours}:${minutes}`;
  
  
  }
  
  function  init() {
  getTime();
  
  } 
  init();
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>