my_first_chrome_extension

Simple extension to get the weather and to change the current page background color

https://developer.chrome.com/docs/extensions/mv3/getstarted/

function to get unique cards with preformance:

let index_const = 0;
const append_btn = (elm)=>{
   const newbtn = document.createElement("button");
   newbtn.setAttribute("class", "awesome_btn");
   letcard = elm;
   newbtn.addEventListener("click", ()=>{
      elm.parentElement.remove();
   });
   newbtn.innerText = "Remove Card";
   newbtn.style = "  height: 40px;width: 150px;border: 2px solid #BFC0C0;margin: 20px 20px 20px 20px;color: #BFC0C0;text-transform: uppercase;text-decoration: none;font-size: .8em;letter-spacing: 1.5px;align-items: center;justify-content: center;overflow: hidden;background: brown;cursor: pointer;color: #BFC0C0;";
   elm.appendChild(newbtn);
}
const advanced_get1 = ()=> {
 if (index_const == 0){
    let allcards = document.querySelectorAll(".Projects-cover-1nk");
    index_const = document.querySelectorAll(".Projects-cover-1nk").length;
    
    // this case is first normal case
    allcards.forEach( (card, index)=>{
      append_btn(card);
    });
    console.log(index_const);
 } else {
   let newcheck = document.querySelectorAll(".Projects-cover-1nk").length;

   if (newcheck > index_const){
     let new_cards = Array.from(document.querySelectorAll(".Projects-cover-1nk"));
     let start_point = newcheck - index_const;
     console.log(start_point);
     // here we need use last index
     let unqiue_cards = new_cards.slice(index_const, new_cards.length);
     
     unqiue_cards.forEach( (card, index)=>{
      append_btn(card);
     });
     index_const = newcheck;
     console.log(index_const);
   } else{
       return false;
   }
 }
  
}
window.addEventListener("scroll", advanced_get1);
advanced_get1();

// fix extension onload profile 

document.querySelector(".ReputationItemAmount").querySelector("div [data-color=success] [role=paragraph]").innerText = "100%";