alter/HTMLClass.js

   1 'use strict';
   2
   3 // AddclassToElements(elements, class1, class2 ...)
   4 function AddClassToElements(Elements){
   5     window.addEventListener("load", ()=>{Array.from(Elements).forEach((element)=>{
   6         let ArgumentList = Array.from(arguments);
   7             ArgumentList.shift();
   8             ArgumentList.forEach((className) => {
   9                 element.classList.add(className);
  10             })
  11         });
  12     })
  13 }
  14
  15 AddClassToElements(document.getElementsByTagName("select"), "selectform-select", "block", "w-3/4", "text-black");
  16 AddClassToElements(document.getElementsByTagName("h2"), `bg-${Color1}`, "p-2", "rounded-full", "pl-5", "font-bold");
  17 AddClassToElements(document.getElementsByTagName("h3"), `bg-${Color1}`, "p-2", "m-2" , "rounded");
  18 AddClassToElements(Main.getElementsByTagName("p"), "p-2", "pl-5", "font-medium");
  19 AddClassToElements(Menu.getElementsByTagName("li"), "block", `hover:bg-${Color3}`, "hover:text-black", "hover:underline");
  20 AddClassToElements(Menu.getElementsByTagName("li"), "px-3", "py-2");
  21 AddClassToElements(menu.getElementsByTagName("a"), "block")
  22
  23 document.getElementById("header_container").classList.add(`bg-${Color1}`);
  24 document.getElementsByTagName("body")[0].classList.add(`bg-${Color2}`);