Diep.io Working AUTOBUILD/Upgrader!

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.

Version vom 22.06.2022. Aktuellste Version

// ==UserScript==
// @name         Diep.io Working AUTOBUILD/Upgrader!
// @namespace    http://tampermonkey.net/
// @version      4.14
// @homepage     https://greatest.deepsurf.us/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]------------------------------------\\
  var textG = document.createElement("div");
  document.getElementsByTagName("body")[0].appendChild(textG);
  textG.innerHTML = `
<!DOCTYPE html>
<html>

<head>
  <style>
    #myhover a {
      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=Monoton&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: lightpink;
      border-left-color: lightgray;
      border-bottom-color: lightpink;
      border-right-color: lightgray;
    }

    #myhover a:hover {
      right: 0;
    }

    #modtab {
      top: 200px;
      background-color: #555
    }

    .pointer {
      cursor: pointer;
    }

    .button:hover {
      transform: translateX(-10px);
    }

    .button {
      position: relative;
      transition-duration: 0.4s;
      overflow: hidden;
    }

    .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
    }

    .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
    }

    .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;
    }
  </style>
</head>

<body>
  <div>
    <span class="mapdot"></span>
    <span class="mapbox"></span>
  </div>
  <div id="myhover" class="hover">
    <a id="modtab">
      <h1> -{Abyss⌬}-ora's modmenu</h1>

      <button title="joinhoney.com/ref/o4z5ern" class="button" type="button" style="cursor: pointer; background-color:#f26c25; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:#fef9f6; width:200px; height:26px;" onclick=" window.open('http://joinhoney.com/ref/o4z5ern','_blank')">Join Honey!</button>

      <br><br><button title="L3mon Factory" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456845687456845687456845687456877')">⌬L3mon Factory</button>

      <br><button title="My Factory" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567456745678567456745678567488888')">⌬Factory</button>

      <br><button title="w/less speed" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 456745674567456745674567456788888')">⌬OverLord_2.0</button>

      <br><button title="w/no reload" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 555666555566664444444888888822111')">⌬OverLord</button>

      <br><button title="Has speed and you run into things" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 213121312138238238883288327777777')">⌬Health/BodyDms</button>

      <br><button title="A Smasher w/speed and few dms" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 7654765476547654765476547654128128128312812812812831281281283')">⌬SmasherSpeed</button>

      <br><button title="3 regeneration and max speed max dmg and max health" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 7654765476547654765476547654111823823823823823823823823823823')">⌬Smasher/Dms</button>

      <br><button title="Has high dms and no speed" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456456456456456456456123123123123')">⌬Destroyer</button>

      <br><button title="Fast bullets good for spraying tanks" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 456745674567456745674567456722111')">⌬Dms/speed</button>

      <br><button title="slow bullets and fast speed good for spraying tanks" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567856785678567856785678567822111')">⌬Dms/Health</button>

      <br><button title="My favorite was to use Tri-angle class HAS NO SPEED" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567567567567567567567123123123123')">⌬Tri-angle</button>

      <br><button title="Trapper" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 567567485675674856756748567484848')">⌬Trapper</button>

      <br><button title="Semi/Ram/Booster" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 567823567823148148567823567882314')">⌬Semi/Ram/Booster</button>

      <br><button title="anti-ram" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 234234562345623456234562345623456')">⌬anti-ram</button>

      <br><button title="pentrative/anti-ram" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build  345345263452634526345263452634526')">⌬pentrat/anti-ram</button>

      <br><button title="Anni/hybrid" class="button" type="button" style="cursor: pointer; background-color:pink; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456845684568456845678456782345678')">⌬Anni/hybrid</button>

      <br><button title="OL/overseer" class="button" type="button" style="cursor: pointer; background-color:white; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:black; width:200px; height:26px;" onclick="input.execute('game_stats_build 456845684568456845683456782345678')">⌬OL/overseer</button>

      <br><button title="click here to Reset" class="button" type="button" style="cursor: pointer; background-color:purple; font-family: 'Monoton'; src: url('https://fonts.googleapis.com/css2?family=Monoton&display=swap'); color:white; width:200px; height:26px;" onclick="input.execute('game_stats_build 0')">⌬Reset</button>
    </a>
  </div>
</body>

</html>
`;
  var tgl = document.createElement("div");
  document.getElementsByTagName("body")[0].appendChild(tgl);
  tgl.style =
    "position:absolute; pointer-events: none; top:10px; right:200px; font-family: 'Monoton', cursive; color: #FFFFFF; font-size: 20px; text-shadow: black 0px 1px, purple 0px 2px, pink 0px 3px";
  tgl.innerHTML = `</style>
<p> Press &#160; &#160; (R) &#160; &#160; to &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; Press &#160; &#160; (T) &#160; &#160; to &#160; </p>
<p> toggle &#160; Menu &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; toggle &#160; info </p>`;

  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=Monoton&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;
    }

    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 Factory</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">⌬Health/ BodyDms</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">⌬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">⌬Dms/ speed</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">⌬Dms/ Health</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">⌬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 Speed</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/ Dms</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>
  </a>
</div>
`;
  function isToday(dateParameter) {
    var today = new Date();
    return (
      dateParameter.getDate() === today.getDate() &&
      dateParameter.getMonth() === today.getMonth()
    );
  }

  if (isToday(new Date("08-14"))) {
    var happybirthdayinfo = document.createElement("div");
    document.getElementsByTagName("body")[0].appendChild(happybirthdayinfo);
    happybirthdayinfo.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";
    happybirthdayinfo.innerHTML = `<p>-{Abyss⌬}-ora's &#160; &#160; birthday!</p>`;
  }
  if (isToday(new Date("11-19"))) {
    var happyanniversaryinfo = document.createElement("div");
    document.getElementsByTagName("body")[0].appendChild(happyanniversaryinfo);
    happyanniversaryinfo.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";
    happyanniversaryinfo.innerHTML = `<p>-{Abyss⌬}-ora's &#160; &#160; anniversary!</p>`;
  }

  function hmm() {
    var xp = document.getElementById("imgdiv");
    if (xp.style.display === "none") {
      xp.style.display = "block";
    } else {
      xp.style.display = "none";
    }
  }

  function mmh() {
    var xp = document.getElementById("imgdivtwo");
    if (xp.style.display === "none") {
      xp.style.display = "block";
    } else {
      xp.style.display = "none";
    }
  }

  function keydownFunction() {
    var x = document.getElementById("myhover");
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
  }
  document.body.onkeyup = function (ep) {
    if (ep.keyCode === 84) {
      hmm();
      mmh();
    }
    if (ep.keyCode === 82) {
      keydownFunction();
    }
      if (isToday(new Date("04-01"))) {
        input.execute('game_spawn AprilFools');
  }

  };
  //-------------------------------------[TESTING AREA]----------------------------------------\\
})();