title: Javascript quotes indexer
body: <p>I have created a Javascript to so that if I add quotes to below script it should place in <code>&lt;p&gt;&lt;/p&gt;</code>element.</p>
  <pre><code>const quotes = [
    { quotes: 'Be yourself; everyone else is already taken' },
    { quotes: 'So Many Books, So Little Time' },
    { quotes: &quot;Strangers think I'm Quiet. My Friends think I'm outgoing. My best friends know that I'm Completely Insane&quot; },
    { quotes: 'A room without books is like a body without soul' },
    { quotes: 'You only live once, but if you do it right, once is enough' },
  ];
  function quoteindexer() {
    quotesView.innerHTML = quotes[i].quotes;
  }
  </code></pre>
  <p>My html Code</p>
  <pre><code>&lt;p class=&quot;quotes&quot; id=&quot;quoteindexer&quot;&gt;&lt;/p&gt;
  </code></pre>
  <p>But I needed all the quotes to be displayed in different <code>&lt;p&gt;&lt;/p&gt;</code> elements itself. That is the number of quotes should be equal to number of <code>&lt;p&gt;&lt;/p&gt;</code> created. I am new to Javascript so please help me.</p>