How to use: You should see a menu bar on the right side of the screen, hover over it and the menu will slide out! When out click on the buttons shown! This should upgrade your tank automatically! If you don't know what the upgrades do, press [T] twice/once.
// ==UserScript==
// @name Diep.io Working AUTOBUILD/Upgrader New NameInput Update!
// @namespace http://tampermonkey.net/
// @version 7.6
// @homepage https://greasyfork.org/scripts/416440
// @description How to use: You should see a menu bar on the right side of the screen, hover over it and the menu will slide out! When out click on the buttons shown! This should upgrade your tank automatically! If you don't know what the upgrades do, press [T] twice/once.
// @author -{Abyss⌬}-ora
// @match https://diep.io/*
// @grant none
// @license GNU GPLv3
// ==/UserScript==
(function () {
"use strict";
//-------------------------------------[AUTOBUILD BUTTON]------------------------------------\\
const myhoverElem = document.createElement("div");
myhoverElem.id = "myhover";
myhoverElem.classList.add("hover");
const modtabAnchorElem = document.createElement("a");
modtabAnchorElem.id = "modtab";
const h1Elem = document.createElement("h1");
h1Elem.textContent = "-{Abyss⌬}-ora's modmenu";
modtabAnchorElem.appendChild(h1Elem);
const styleElem = document.createElement("style");
styleElem.type = "text/css";
styleElem.textContent = `
#myhover a {
z-index: 999; /* Adjust the z-index as needed */
background-image: url("https://media.tenor.com/images/f3f5354b7c304bc61882dbb1183885e7/tenor.gif");
background-repeat: repeat;
background-attachment: fixed;
background-size: 160px 100px;
position: absolute;
right: -200px;
transition: 0.3s;
padding: 15px;
width: 250px;
text-decoration: none;
font-size: 10px;
font-family: 'Monoton', cursive;
text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px;
src: url('https://fonts.googleapis.com/css2?family=Bungee+Tint&family=Jersey+10&family=Matemasie&display=swap');
color: white;
border-radius: 5 5px 5px 5;
border-style: solid;
border-width: thick;
border-top-right-radius: 20px 50px;
border-top-left-radius: 20px 50px;
border-top-width: 20px;
border-style: double;
border-bottom-right-radius: 20px 50px;
border-bottom-left-radius: 20px 50px;
border-top-color: White;
border-left-color: lightgray;
border-bottom-color: White;
border-right-color: lightgray;
}
#myhover a:hover {
right: 0;
}
#modtab {
top: 120px;
background-color: #555
}
.pointer {
cursor: pointer;
}
.button:hover {
transform: translateX(-10px);
}
.button {
font-size: 18px;
font-family: 'Jersey 10', sans-serif;
font-weight: 900; position: relative;
transition-duration: 0.4s;
overflow: hidden;
cursor: pointer;
src: url('https://fonts.googleapis.com/css2?family=Bungee+Tint&family=Jersey+10&family=Matemasie&display=swap');
width: 200px;
height: 26px;
}
.button:after {
content: "";
background: black;
display: block;
position: absolute;
padding-top: 300%;
padding-left: 350%;
margin-left: -20px !important;
margin-top: -120%;
opacity: 0;
transition: all 0.8s
}
.button:active:after {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s
}
`;
document.body.appendChild(myhoverElem);
document.head.appendChild(styleElem);
const l3monFactoryButton = document.createElement("button");
const myFactoryButton = document.createElement("button");
const overLord2Button = document.createElement("button");
const overLordButton = document.createElement("button");
const healthBodyDmsButton = document.createElement("button");
const smasherSpeedButton = document.createElement("button");
const smasherDmsButton = document.createElement("button");
const destroyerButton = document.createElement("button");
const fastBulletsButton = document.createElement("button");
const slowBulletsButton = document.createElement("button");
const triAngleButton = document.createElement("button");
const bAPrAlchynSniper = document.createElement("button");
const trapperButton = document.createElement("button");
const semiRamBoosterButton = document.createElement("button");
const antiRamButton = document.createElement("button");
const pentratButton = document.createElement("button");
const anniButton = document.createElement("button");
const olButton = document.createElement("button");
const resetButton = document.createElement("button");
const mapdotStyle = document.createElement("style");
const mapboxStyle = document.createElement("style");
mapdotStyle.innerHTML = `
.mapdot {
height: .25vmax;
width: .25vmax;
background-color: black;
border-radius: 50%;
display: block;
position: absolute;
right: 5.4vmax;
bottom: 5.4vmax;
opacity: 0.2;
pointer-events: none;
outline: white solid .7vmax;
}
`;
mapboxStyle.innerHTML = `
.mapbox {
height: 8.78vmax;
width: 8.78vmax;
background-color: none;
display: block;
position: absolute;
right: 1.2vmax;
bottom: 1.2vmax;
opacity: 0.5;
pointer-events: none;
outline: purple solid .35vmax;
border: pink solid .2vmax;
}
`;
mapdotStyle.innerHTML = `
.mapdot {
height: .25vmax;
width: .25vmax;
background-color: black;
border-radius: 50%;
display: block;
position: absolute;
right: 5.4vmax;
bottom: 5.4vmax;
opacity: 0.2;
pointer-events: none;
outline: white solid .7vmax;
}
`;
document.head.appendChild(mapdotStyle);
document.head.appendChild(mapboxStyle);
const div = document.createElement("div");
const mapdot = document.createElement("span");
const mapbox = document.createElement("span");
mapdot.className = "mapdot";
mapbox.className = "mapbox";
div.appendChild(mapdot);
div.appendChild(mapbox);
document.body.appendChild(div);
l3monFactoryButton.title = "No regen, no health – Good for skilled players. Best with Factory, OverLord, Destroyer";
l3monFactoryButton.classList.add("button");
l3monFactoryButton.style.backgroundColor = "#FFFFFF";
l3monFactoryButton.style.color = "#000000";
l3monFactoryButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
l3monFactoryButton.textContent = "⌬ L 3 m o n";
l3monFactoryButton.onclick = handleButtonClick("l3monFactoryButton", function () {
window.input.execute("game_stats_build 656565656565654848748487484874877");
});
myFactoryButton.title = "Factory Good for ???";
myFactoryButton.classList.add("button");
myFactoryButton.style.backgroundColor = "#F0F0F0";
myFactoryButton.style.color = "#000000";
myFactoryButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
myFactoryButton.textContent = "⌬ F a c t o r y";
myFactoryButton.onclick = handleButtonClick("myFactoryButton", function () {
window.input.execute("game_stats_build 567456745678567456745678567488888");
});
overLord2Button.title = "Same as Factory, but has less movement speed and more Bullet speed - Good for ???";
overLord2Button.classList.add("button");
overLord2Button.style.backgroundColor = "#E0E0E0";
overLord2Button.style.color = "#000000";
overLord2Button.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
overLord2Button.textContent = "O v e r L o r d _ 2 . 0";
overLord2Button.onclick = handleButtonClick("overLord2Button", function () {
window.input.execute("game_stats_build 456745674567456745674567456788888");
});
overLordButton.title = "Health, Regen, No Reload – Good for players that need more health. Best with OverLord";
overLordButton.classList.add("button");
overLordButton.style.backgroundColor = "#D0D0D0";
overLordButton.style.color = "#000000";
overLordButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
overLordButton.textContent = "O v e r L o r d";
overLordButton.onclick = handleButtonClick("overLordButton", function () {
window.input.execute("game_stats_build 555666555566664444444888888822111");
});
healthBodyDmsButton.title = "Regen, Health, Body Damage, Speed – Good for Ramming players. Best with Tri-angle, Booster, Destroyer";
healthBodyDmsButton.classList.add("button");
healthBodyDmsButton.style.backgroundColor = "#C0C0C0";
healthBodyDmsButton.style.color = "#000000";
healthBodyDmsButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
healthBodyDmsButton.textContent = "⌬ J u g g e r n a u t";
healthBodyDmsButton.onclick = handleButtonClick("healthBodyDmsButton", function () {
window.input.execute("game_stats_build 213121312138238238883288327777777");
});
smasherSpeedButton.title = "Regen, Health, Speed – Good for Relaxing. Only for Smasher, landmine, Spike";
smasherSpeedButton.classList.add("button");
smasherSpeedButton.style.backgroundColor = "#B3B3B3";
smasherSpeedButton.style.color = "#000000";
smasherSpeedButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
smasherSpeedButton.textContent = "⌬ S m a s h e r P a c i f i s t";
smasherSpeedButton.onclick = handleButtonClick("smasherSpeedButton", function () {
window.input.execute("game_stats_build 7654765476547654765476547654128128128312812812812831281281283");
});
smasherDmsButton.title ="Health, Speed Body Damage – Good for Ramming players. Only for Smasher, landmine, Spike";
smasherDmsButton.classList.add("button");
smasherDmsButton.style.backgroundColor = "#A6A6A6";
smasherDmsButton.style.color = "#000000";
smasherDmsButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
smasherDmsButton.textContent = "⌬ S m a s h e r A t t a c k e r";
smasherDmsButton.onclick = handleButtonClick("smasherDmsButton", function () {
window.input.execute("game_stats_build 7654765476547654765476547654111823823823823823823823823823823");
});
destroyerButton.title = "Regen, Health, Damage, No Speed. – Good for players that want more health. Best with Destroyer";
destroyerButton.classList.add("button");
destroyerButton.style.backgroundColor = "#999999";
destroyerButton.style.color = "#000000";
destroyerButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
destroyerButton.textContent = "⌬ S t u r d y D e s t r o y e r";
destroyerButton.type = "#262626";
destroyerButton.onclick = handleButtonClick("destroyerButton", function () {
window.input.execute("game_stats_build 456456456456456456456123123123123");
});
fastBulletsButton.title = "Bullet Speed, Damage, No Movement Speed. – Good for spraying tanks. Optimal for any tank designed for bullet spraying.";
fastBulletsButton.classList.add("button");
fastBulletsButton.style.backgroundColor = "#8C8C8C";
fastBulletsButton.style.color = "#000000";
fastBulletsButton.style.textShadow = `2px 2px 0px #FFFFFF, 4px 4px 0px #E6E6E6, 6px 6px 0px #CCCCCC, 8px 8px 0px #B3B3B3, 10px 10px 0px #999999, 12px 12px 0px #808080, 14px 14px 0px #666666, 16px 16px 0px #4D4D4D, 18px 18px 0px #333333, 19px 19px 0px #1A1A1A, 20px 20px 0px #000000`;
fastBulletsButton.textContent = "⌬ A g g r e s s o r";
fastBulletsButton.type = "button";
fastBulletsButton.onclick = handleButtonClick("fastBulletsButton", function () {
window.input.execute("game_stats_build 456745674567456745674567456722111");
});
slowBulletsButton.title = "Movement Speed, Damage, No Bullet Speed. – Good for being defensive. Optimal for any tank designed for bullet spraying.";
slowBulletsButton.classList.add("button");
slowBulletsButton.style.backgroundColor = "#7F7F7F";
slowBulletsButton.style.color = "#FFFFFF";
slowBulletsButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
slowBulletsButton.textContent = "⌬ S t u r d y A g g r e s s o r";
slowBulletsButton.type = "button";
slowBulletsButton.onclick = handleButtonClick("slowBulletsButton", function () {
window.input.execute("game_stats_build 567856785678567856785678567822111");
});
triAngleButton.title = "Damage, No Movement Speed, No Bullet Speed. – Good for being defensive. Best with ???, used with Tri-angle.";
triAngleButton.classList.add("button");
triAngleButton.style.backgroundColor = "#737373";
triAngleButton.style.color = "#FFFFFF";
triAngleButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
triAngleButton.textContent = "⌬ S t u r d y T r i - a n g l e";
triAngleButton.type = "button";
triAngleButton.onclick = handleButtonClick("triAngleButton", function () {
window.input.execute("game_stats_build 567567567567567567567123123123123");
});
bAPrAlchynSniper.title = "Movement Speed, Health regen, No reload Speed, No health. – Best with Assassin, Hunter, Ranger, Stalker";
bAPrAlchynSniper.classList.add("button");
bAPrAlchynSniper.style.backgroundColor = "#666666";
bAPrAlchynSniper.style.color = "#FFFFFF";
bAPrAlchynSniper.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
bAPrAlchynSniper.textContent = "S n i p e r";
bAPrAlchynSniper.onclick = handleButtonClick("bAPrAlchynSniper", function () {
window.input.execute("game_stats_build 564456445644564815681568156818188");
});
trapperButton.title = "Trapper";
trapperButton.classList.add("button");
trapperButton.style.backgroundColor = "#595959";
trapperButton.style.color = "#FFFFFF";
trapperButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
trapperButton.textContent = "T r a p p e r";
trapperButton.type = "button";
trapperButton.onclick = handleButtonClick("trapperButton", function () {
window.input.execute("game_stats_build 567567485675674856756748567484848");
});
semiRamBoosterButton.title = "Semi/Ram/Booster";
semiRamBoosterButton.classList.add("button");
semiRamBoosterButton.style.backgroundColor = "#4D4D4D";
semiRamBoosterButton.style.color = "#FFFFFF";
semiRamBoosterButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
semiRamBoosterButton.textContent = "S e m i / R a m / B o o s t e r";
semiRamBoosterButton.type = "button";
semiRamBoosterButton.onclick = handleButtonClick("semiRamBoosterButton", function () {
window.input.execute("game_stats_build 567823567823148148567823567882314");
});
antiRamButton.title = "anti-ram";
antiRamButton.classList.add("button");
antiRamButton.style.backgroundColor = "#404040";
antiRamButton.style.color = "#FFFFFF";
antiRamButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
antiRamButton.textContent = "a n t i - r a m";
antiRamButton.type = "button";
antiRamButton.onclick = handleButtonClick("antiRamButton", function () {
window.input.execute("game_stats_build 234234562345623456234562345623456");
});
pentratButton.title = "pentrative/anti-ram";
pentratButton.classList.add("button");
pentratButton.style.backgroundColor = "#333333";
pentratButton.style.color = "#FFFFFF";
pentratButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
pentratButton.textContent = "p e n t r a t / a n t i - r a m";
pentratButton.onclick = handleButtonClick("pentratButton", function () {
window.input.execute("game_stats_build 345345263452634526345263452634526");
});
anniButton.title = "Anni/hybrid";
anniButton.classList.add("button");
anniButton.style.backgroundColor = "#262626";
anniButton.style.color = "#FFFFFF";
anniButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
anniButton.textContent = "A n n i / h y b r i d";
anniButton.onclick = handleButtonClick("anniButton", function () {
window.input.execute("game_stats_build 456845684568456845678456782345678");
});
olButton.title = "OL/overseer";
olButton.classList.add("button");
olButton.style.backgroundColor = "#1A1A1A";
olButton.style.color = "#FFFFFF";
olButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
olButton.textContent = "O L / o v e r s e e r";
olButton.onclick = handleButtonClick("olButton", function () {
window.input.execute("game_stats_build 456845684568456845683456782345678");
});
resetButton.title = "Click here to Reset";
resetButton.classList.add("button");
resetButton.style.backgroundColor = "#0D0D0D";
resetButton.style.color = "#FFFFFF";
resetButton.style.textShadow = `2px 2px 0px #000000, 4px 4px 0px #1A1A1A, 6px 6px 0px #333333, 8px 8px 0px #4D4D4D, 10px 10px 0px #666666, 12px 12px 0px #808080, 14px 14px 0px #999999, 16px 16px 0px #B3B3B3, 17px 17px 0px #CCCCCC, 18px 18px 0px #E6E6E6, 19px 19px 0px #FFFFFF`;
resetButton.textContent = "⌬ R e s e t";
resetButton.onclick = function () {
window.input.execute("game_stats_build 0");
};
const inputNameBox = document.createElement("input");
inputNameBox.style.position = "relative";
inputNameBox.style.transitionDuration = "0.4s";
inputNameBox.style.overflow = "hidden";
inputNameBox.style.cursor = "pointer";
inputNameBox.style.fontFamily = "'Monoton', cursive";
inputNameBox.style.width = "200px";
inputNameBox.style.height = "26px";
inputNameBox.setAttribute("type", "text");
inputNameBox.setAttribute("id", "userInput");
inputNameBox.setAttribute("name", "userInput");
inputNameBox.setAttribute("placeholder", "Paste Only Username");
const defaultName = localStorage.getItem("name");
if (defaultName) {
inputNameBox.value = defaultName;
}
modtabAnchorElem.appendChild(inputNameBox);
inputNameBox.focus();
modtabAnchorElem.appendChild(l3monFactoryButton);
modtabAnchorElem.appendChild(myFactoryButton);
modtabAnchorElem.appendChild(overLord2Button);
modtabAnchorElem.appendChild(overLordButton);
modtabAnchorElem.appendChild(healthBodyDmsButton);
modtabAnchorElem.appendChild(smasherSpeedButton);
modtabAnchorElem.appendChild(smasherDmsButton);
modtabAnchorElem.appendChild(destroyerButton);
modtabAnchorElem.appendChild(fastBulletsButton);
modtabAnchorElem.appendChild(slowBulletsButton);
modtabAnchorElem.appendChild(triAngleButton);
modtabAnchorElem.appendChild(bAPrAlchynSniper);
modtabAnchorElem.appendChild(trapperButton);
modtabAnchorElem.appendChild(semiRamBoosterButton);
modtabAnchorElem.appendChild(antiRamButton);
modtabAnchorElem.appendChild(pentratButton);
modtabAnchorElem.appendChild(anniButton);
modtabAnchorElem.appendChild(olButton);
modtabAnchorElem.appendChild(resetButton);
myhoverElem.appendChild(modtabAnchorElem);
document.body.appendChild(myhoverElem);
//-------------------------------------[AUTOBUILD BUTTON END]------------------------------------\\
const tgl = document.createElement("div");
document.body.appendChild(tgl);
tgl.style.position = "absolute";
tgl.style.pointerEvents = "none";
tgl.style.top = "1vmax";
tgl.style.right = "18vmax";
tgl.style.fontFamily = "'Bungee Tint', cursive";
tgl.style.color = "#FFFFFF";
tgl.style.fontSize = "1vmax";
tgl.style.textShadow = "black 0px 1px, purple 0px 2px, pink 0px 3px";
const tglHtml = `
<p> Press     (R)     to                   Press     (T)     to   </p>
<p> toggle   Menu                 toggle   info </p>
`;
tgl.innerHTML = tglHtml;
var imgfh = document.createElement("div");
document.getElementsByTagName("body")[0].appendChild(imgfh);
imgfh.style =
"position:absolute; pointer-events: none; top:10px; left:10px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 20px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
imgfh.innerHTML = `<div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bungee+Tint&family=Jersey+10&family=Matemasie&display=swap');
img {
background-color: lightgrey;
width: 200px;
border: 5px solid gray;
padding: 5px;
}
a.hidden {
display: none;
}
a.hiddentwo {
display: none;
}
* {
box-sizing: border-box;
}
.column {
float: left;
width: 12%;
padding: 5px;
vertical-align: top;
display: inline-block;
text-align: center;
position: sticky;
top: 0;
z-index: 998; /* Adjust the z-index as needed */
}
a.hidden::after {
content: "";
clear: both;
display: table;
}
.caption {
display: block;
}
</style>
<a id="imgdiv" class="hidden">
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/1.png?raw=true" style="width:100%">
<span class="caption">⌬L3mon</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/2.png?raw=true" style="width:100%">
<span class="caption">Factory</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/3.png?raw=true" style="width:100%">
<span class="caption">Over Lord 2.0</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/4.png?raw=true" style="width:100%">
<span class="caption">Over Lord</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/5.png?raw=true" style="width:100%">
<span class="caption">⌬Juggernaut</span>
</div>
</a>
<a id="imgdivtwo" class="hiddentwo">
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/8.png?raw=true" style="width:100%">
<span class="caption">⌬Sturdy Destroyer</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/9.png?raw=true" style="width:100%">
<span class="caption">⌬Aggressor</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/10.png?raw=true" style="width:100%">
<span class="caption">⌬Sturdy Aggressor</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/11.png?raw=true" style="width:100%">
<span class="caption">⌬Sturdy Tri-angle</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/12.png?raw=true" style="width:100%">
<span class="caption">⌬Trapper</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/33.png?raw=true" style="width:100%">
<span class="caption">⌬anti-ram</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/14.png?raw=true" style="width:100%">
<span class="caption">⌬Semi/ Ram/ Booster</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/6.png?raw=true" style="width:100%">
<span class="caption">⌬Smasher Pacifist</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/7.png?raw=true" style="width:100%">
<span class="caption">⌬Smasher Attacker</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/34.png?raw=true" style="width:100%">
<span class="caption">⌬pentrative/ anti-ram</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/35.png?raw=true" style="width:100%">
<span class="caption">⌬Anni/ hybrid</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/36.png?raw=true" style="width:100%">
<span class="caption">⌬OL/ overseer</span>
</div>
<div class="column">
<img src="https://github.com/Abyss-ora/images/blob/main/xfai3gnfcjauxksy3cnm0jvhukje.png?raw=true" style="width:100%">
<span class="caption">⌬BAPR Sniper</span>
</div>
</div>
</a>
</div>
`;
function toggleDisplay(elementId) {
var elem = document.getElementById(elementId);
elem.style.display = elem.style.display === "none" ? "block" : "none";
}
function keydownFunction() {
toggleDisplay("myhover");
}
function isToday(dateParameter, currentDate) {
return (
dateParameter.getDate() === currentDate.getDate() &&
dateParameter.getMonth() === currentDate.getMonth()
);
}
function createInfoDiv(text) {
var infoDiv = document.createElement("div");
document.getElementsByTagName("body")[0].appendChild(infoDiv);
infoDiv.style =
"position:absolute; pointer-events: none; top:30px; left:300px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 15px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
infoDiv.innerHTML = `<p>${text}</p>`;
}
var currentDate = new Date();
if (isToday(new Date("08-14"), currentDate)) {
createInfoDiv("-{Abyss⌬}-ora's     birthday!");
}
if (isToday(new Date("11-19"), currentDate)) {
createInfoDiv("-{Abyss⌬}-ora's     anniversary!");
}
document.body.onkeyup = function (ep) {
if (ep.keyCode === 84) {
toggleDisplay("imgdiv");
toggleDisplay("imgdivtwo");
}
if (ep.keyCode === 82) {
keydownFunction();
}
if (isToday(new Date("04-01"), currentDate)) {
window.input.execute("game_spawn AprilFools");
}
};
function handleButtonClick(buttonName, additionalFunction) {
return function () {
let spawnName = inputNameBox.value.trim();
if (spawnName !== "") {
window.input.execute(`game_spawn ${spawnName}`);
console.log(`Executing command for ${buttonName}`);
toggleDisplay("myhover");
if (typeof additionalFunction === 'function') {
additionalFunction();
}
} else {
console.log(`Input is blank for ${buttonName}`);
}
};
}
})();