title: Change Icon on click with JS
body: <p>I have the following html tags:</p>
  <pre class="lang-HTML prettyprint-override"><code>&lt;p class=font-ms&gt;
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, 
    nulla et dictum interdum, nisi lorem egestas vitae scel
    &lt;span id=&quot;dots&quot;&gt;...&lt;/span&gt;
    &lt;span id=&quot;more&quot;&gt;
      erisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue 
      eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc 
      sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed 
      nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus 
      gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus 
      pulvinar nibh tempor porta.
    &lt;/span&gt;
  &lt;/p&gt;
  &lt;a class=&quot;purple-head hover-black&quot; onclick=&quot;changeIcon()&quot; id=&quot;myBtn&quot;&gt;
    &lt;i id=&quot;faPlus&quot; class=&quot;fa fa-plus font-xs&quot;&gt;&lt;/i&gt;
    Read more
  &lt;/a&gt;
  
  </code></pre>
  <p>and now i just want the page to show span more and toggle the icon plus to icon minus and read more to read less?</p>