Diep.io Working AUTOBUILD/Upgrader!

I make custom AutoBuilds just ask me for a custom AutoBuilds in the feedback! This is a work in progress! You can change the scripts to what you want. Also, try my XandY mod! Try to take over the diep.io! 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.

Per 18-05-2021. Zie de nieuwste versie.

// ==UserScript==
// @name         Diep.io Working AUTOBUILD/Upgrader!
// @namespace    http://tampermonkey.net/
// @version      3.2
// @description  I make custom AutoBuilds just ask me for a custom AutoBuilds in the feedback! This is a work in progress! You can change the scripts to what you want. Also, try my XandY mod! Try to take over the diep.io! 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
// ==/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
      }

      .popup {
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        right: 50%;
        margin-right: -80px;
      }

      .popup .popuptext::after {
        content: "";
        position: absolute;
        top: 100%;
        right: 50%;
        margin-right: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
      }

      .popup .show {
        visibility: visible;
      }
      .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}

    </style>
  </head>

  <body>
    <div id="myhover" class="hover">
      <a id="modtab">
        <h1> -{Abyss⌬}-ora's modmenu</h1>
        <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="Stacker" 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 456785678567856785678567567')">⌬Stacker</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:black; 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; </p>
<p> toggle &#160; Menu </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>
    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;
}

a.hidden::after {
  content: "";
  clear: both;
  display: table;
}
div.column {
    vertical-align: top;
    display: inline-block;
    text-align: center;
}
.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/32.png?raw=true" style="width:100%">
<span class="caption">⌬Stacker</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>
  </a>
</div>

`

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();
  }
}

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