title: How to Use document.getElementById with Multiple IDs in JavaScript?
body: <p>i want to change the code of both the button after clicking it work fine when I use single id but when I use multiple id it did not work I am still learning js so any idea will be helpfull</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const btn = document.getElementById('copy_btn','down_btn');
  copy_btn.addEventListener('click', function handleClick() {
    btn.innerHTML = `&lt;iconify-icon icon="akar-icons:copy"&gt;&lt;/iconify-icon&gt; Copied`;
  });
  down_btn.addEventListener('click', function handleClick() {
    btn.innerHTML = `&lt;iconify-icon icon="ri:file-download-line"&gt;&lt;/iconify-icon&gt; Downloading`;
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" 
          integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"&gt;
      &lt;!-- iconify cdn --&gt;
      &lt;script src="https://code.iconify.design/iconify-icon/1.0.0/iconify-icon.min.js"&gt;&lt;/script&gt;
  &lt;button type="button" class="btn btn-dark" id="down_btn"&gt;&lt;iconify-icon icon="ri:file-download-line"&gt;&lt;/iconify-icon&gt; Download&lt;/button&gt;
            &lt;button type="button" class="btn btn-dark"   onclick="copyEvent();" id="copy_btn"&gt;&lt;iconify-icon icon="akar-icons:copy"&gt;&lt;/iconify-icon&gt; Copy &lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>