title: Html Js For loop with spottily play buttons?
body: <p>I am trying to make a for loop that displays the spotify play button for every URI I put in a specific list. So if this album "spotify:album:08Cq2FeFxRQdpkKrjCGrth" was in the list it would display as </p>
  
  <pre><code>&lt;iframe src="https://open.spotify.com/embed/album/08Cq2FeFxRQdpkKrjCGrth" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>So the for loop would put the uri in the <code>&lt;iframe&gt;</code> tag. </p>
  
  <p>Here is the following code i have, I have already looked at many tutorials and examples online but can't figure it out for this type of situation.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  
  &lt;p id="demo"&gt;&lt;/p&gt;
  
  &lt;script&gt;
  var list = ["spotify:album:08Cq2FeFxRQdpkKrjCGrth"];
  var text = "";
  var i;
  for (i = 0; i &lt; cars.length; i++) {
    text += &lt;iframe src=" cars[i]" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"&gt;&lt;/iframe&gt; + "&lt;br&gt;";
  
  }
  document.getElementById("demo").innerHTML = text;
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>