title: used svg icon for responsive webpage for navbar but javascript part not working
body: <pre><code>        &lt;nav&gt;
            
           &lt;img id=&quot;mobile-exist&quot; class=&quot;mobile-exist&quot; src=&quot;image/delete1.svg&quot; alt=&quot;exist-icon&quot;&gt;
      
            &lt;ul class=&quot;primary-nav&quot;&gt;
                &lt;li class=&quot;current&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Features&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Pricing&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
  
                &lt;ul class=&quot;secondary-nav&quot;&gt;
                 &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;go-premium-cta&quot;&gt;&lt;a href=&quot;#&quot;&gt;Go Premium&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
        &lt;/nav&gt;
  </code></pre>
  <p><em><strong>strong text</strong></em>
  <strong>strong text</strong></p>
  
        
  
     const mobileBtn =  document.getElementById('mobile-cta')
  
            nav = document.querySelector('nav')
            mobileBtnExist = document.getElementById('mobile-exist');
  
        mobileBtn.addEventListener('click', () =>{ 
            nav.classlist.add('menu-btn');
        })
  
        mobileBtnExist.addEventListener('click', () => {
            nav.classlist.remove('menu-btn');
        })