Modern iframe snippets example

1<div class="viewer">
2</div>
3
4<script>
5    let listOfPages = [
6  {
7    index: 0,
8    url: "https://gosnippets.com/full-screen/bootstrap-5-animated-3d-social-icons-snippets"
9  },
10  {
11    index: 1,
12    url: "https://gosnippets.com/full-screen/glowing-text-animation-snippets-with-html-and-css"
13  },
14  {
15    index: 2,
16    url: "https://datatechzone.com"
17  },
18  {
19    index: 3,
20    url: "https://gosnippets.com/full-screen/bootstrap-our-team-snippets-with-social-icons"
21  }
22];
23
24let iframeContainer = document.querySelector(".viewer");
25
26for (let i of listOfPages) {
27  iframeContainer.innerHTML += `<iframe src="${i.url}" frameborder="0" width="100%" height="100%"></iframe>`;
28}
29
30</script>