Simple extension to get the weather and to change the current page background color
https://developer.chrome.com/docs/extensions/mv3/getstarted/
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%";