switched to class instead of id for container

2024-12-21 02:09:36 +01:00
parent 1a56eca5f7
commit 1c8e97bb03
2 changed files with 10 additions and 2 deletions
--- a/snowfall.js
+++ b/snowfall.js
@ -42,7 +42,15 @@ observer.observe(document.body, {


 function createSnowflakes() {
-  const container = document.getElementById('snowfall');
+  const container = document.querySelector('.snowfall') || document.createElement("div");
+
+  if (!document.querySelector('.snowfall')) {
+    container.className = "snowfall";
+    container.setAttribute("aria-hidden", "true");
+    document.body.appendChild(container);
+  }
+
+
  const windowWidth = window.innerWidth;
  const windowHeight = window.innerHeight;

--- a/test-site.html
+++ b/test-site.html
@ -15,7 +15,7 @@
 </head>

 <body>
-    <div id="snowfall"></div>
+    <div class="snowfall"></div>
    <script src="snowfall.js"></script>
 </body>