title: I want to know why this id problem happen
body: <p>If I write like this</p>
  <pre><code>const title = document.getElementById(&quot;title&quot;);
  
  
  function handleClick() {
      title.style.color = &quot;red&quot;;
  }
  
  title.addEventListener(&quot;click&quot;, handleClick);
  </code></pre>
  <p>it works, but if I write like this</p>
  <pre><code>const title = document.getElementById(&quot;#title&quot;);
  
  
  function handleClick() {
      title.style.color = &quot;red&quot;;
  }
  
  title.addEventListener(&quot;click&quot;, handleClick);
  </code></pre>
  <p>it doesn't work. please explain why this happen,,Thank you.</p>