Replace index loops with for-of-loops

.eslintrc.json

@@ -4,9 +4,6 @@
     "browser": true
   },
   "extends": ["eslint:recommended", "plugin:unicorn/recommended", "prettier"],
-  "rules": {
-    "unicorn/no-for-loop": 0
-  },
   "parserOptions": {
     "ecmaVersion": "latest",
     "sourceType": "module"

src/shareon.js

@@ -38,23 +38,9 @@ const initializeShareon = () => {
   const shareonContainers = document.querySelectorAll(".shareon");
 
   // iterate over <div class="shareon">
-  for (
+  for (const container of shareonContainers) {
-    let containerIndex = 0;
-    containerIndex < shareonContainers.length;
-    containerIndex += 1
-  ) {
-    /** @type Element */
-    const container = shareonContainers[containerIndex];
-
     // iterate over children of <div class="shareon">
-    for (
+    for (const child of container.children) {
-      let childIndex = 0;
-      childIndex < container.children.length;
-      childIndex += 1
-    ) {
-      /** @type Element */
-      const child = container.children[childIndex];
-
       if (child) {
         const classListLength = child.classList.length;