Wrap Soundcloud player Javascript in function

1 files changed, 20 insertions, 18 deletions

diff --git a/assets/js/soundcloud.js b/assets/js/soundcloud.js
index 3a10c90..22c425b 100644
--- a/assets/js/soundcloud.js
+++ b/assets/js/soundcloud.js
@@ -1,18 +1,20 @@
-for (const wrapper of document.querySelectorAll(".Soundcloud")) {
-  const iframe = document.createElement("iframe");
-  iframe.className = "Soundcloud-iframe";
-  iframe.setAttribute("src", `https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/${wrapper.getAttribute('data-id')}&show_comments=false`);
-  const link = document.createElement("a");
-  link.setAttribute("href", "https://soundcloud.com/pages/cookies");
-  link.textContent = "cookie policy";
-  link.onclick = e => e.stopPropagation();
-  link.onkeydown = e => e.stopPropagation();
-  const player = document.createElement("div");
-  player.className = "Soundcloud-player";
-  player.setAttribute("tabindex", "0");
-  player.textContent = 'Load player';
-  player.appendChild(link);
-  player.onclick = () => { wrapper.replaceChild(iframe, player) };
-  player.onkeydown = e => { if (e.keyCode == 13) wrapper.replaceChild(iframe, player) };
-  wrapper.appendChild(player);
-};
+const soundcloud = (() => {
+  for (const wrapper of document.querySelectorAll(".Soundcloud")) {
+    const iframe = document.createElement("iframe");
+    iframe.className = "Soundcloud-iframe";
+    iframe.setAttribute("src", `https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/${wrapper.getAttribute('data-id')}&show_comments=false`);
+    const link = document.createElement("a");
+    link.setAttribute("href", "https://soundcloud.com/pages/cookies");
+    link.textContent = "cookie policy";
+    link.onclick = e => e.stopPropagation();
+    link.onkeydown = e => e.stopPropagation();
+    const player = document.createElement("div");
+    player.className = "Soundcloud-player";
+    player.setAttribute("tabindex", "0");
+    player.textContent = 'Load player';
+    player.appendChild(link);
+    player.onclick = () => wrapper.replaceChild(iframe, player);
+    player.onkeydown = e => { if (e.keyCode == 13) wrapper.replaceChild(iframe, player) };
+    wrapper.appendChild(player);
+  };
+})();