☰

stats cellcraft

Information Box (Fps, Ping, PlayTime:)

  1. // ==UserScript==
  2. // @name         stats cellcraft
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Information Box (Fps, Ping, PlayTime:)
  6. // @author       
  7. // @match        https://cellcraft.io/*
  8. // @icon         
  9. // @grant        none
  10. // @license      
  11. // ==/UserScript==
  12.  
  13.  
  14. function button() {
  15.   var targetContainer2 = document.querySelector(".setting-col");
  16.   var targetContainer3 = document.querySelector("#ingame-ui");
  17.  
  18.  
  19.   if (!targetContainer2) {
  20.     console.log("TamperMonkey: Target container does not exist");
  21.     return;
  22.   }
  23.   var button2 = document.createElement("button");
  24.     var inputDark = document.createElement("input");
  25.     inputDark.setAttribute("type", "checkbox");
  26.     inputDark.style.marginLeft = "0px";
  27.     var inputText = document.createElement("SPAN");
  28.     inputText.innerHTML = "DarkMode"; inputText.style.marginLeft = "20px"; inputText.textDecoration = "underlined"
  29.  
  30.   inputDark.addEventListener("change", function(event) {
  31.     if (event.target.checked) {
  32.       DarkChecked();
  33.     } else {
  34.       Darkunchecked();
  35.     }
  36.   });
  37.  
  38. // Darkmode Checkbox
  39.     function Darkunchecked() {
  40.         var title = document.getElementById("title");
  41.       title.textShadow = "0 0 15px black, 0 0 30px black";
  42. var xpbar = document.getElementById("xp-bar");
  43.       xpbar.style.backgroundImage = "linear-gradient(to right,#1aa7ec,#2537af)";
  44.  var xpbarIn = document.getElementById("ingame-xp-bar");
  45.       xpbarIn.style.backgroundImage = "linear-gradient(to right,#1aa7ec,#2537af)";
  46.  var xpIn = document.querySelector(".xp-container");
  47.       xpIn.style.borderTop = "black"; xpIn.style.borderBottom = "black"; xpIn.style.borderRight = "black";
  48.  
  49.  var level = document.getElementById("level");
  50.     level.style.backgroundColor = "#1aa7ec";
  51.  var levelIn = document.querySelector(".level-circle");
  52.       levelIn.style.backgroundColor = "#1aa7ec";
  53.       levelIn.style.border = "10px ridge #2284c4"
  54. var play = document.getElementById("play-btn");
  55.       play.style.backgroundColor = "#2579ff";
  56. var spec = document.getElementById("spectate-btn");
  57.       spec.style.backgroundColor = "#2579ff";
  58. var settings = document.getElementById("cSettings");
  59.         settings.style.backgroundColor="#4f4f4f";
  60.       settings.addEventListener("click", function(event) {
  61.           settings.style.backgroundColor="#2579ff";});
  62. var controls = document.getElementById("cControls");
  63.         controls.style.backgroundColor="#4f4f4f";
  64.       controls.addEventListener("click", function(event) {
  65.           controls.style.backgroundColor="#2579ff";});
  66. var servers = document.getElementById("cServers");
  67.         servers.style.backgroundColor="#4f4f4f";
  68.       servers.addEventListener("click", function(event) {
  69.           servers.style.backgroundColor="#2579ff";});
  70.     document.getElementById("mana-count").style.color = "#fff";
  71.     var powerdisplay = document.getElementById("powerup-display");
  72.     document.getElementById("mana-bar").style.backgroundColor = "#2c303a";
  73.     powerdisplay.style.borderTop = "2px solid #0077e6";
  74.     powerdisplay.style.borderRight = "2px solid #0077e6";
  75.     powerdisplay.style.borderLeft = "2px solid #0077e6";
  76.     document.getElementById("mana-count").style.color = "grey";
  77.  
  78.  }
  79.  
  80.  
  81. function DarkChecked(){
  82.     var title = document.getElementById("title");
  83.     title.textShadow = "0 0 15px black, 0 0 30px black";
  84.     var xpbar = document.getElementById("xp-bar");
  85.     xpbar.style.backgroundImage = "linear-gradient(to right,black,white";
  86.     var xpbarIn = document.getElementById("ingame-xp-bar");
  87.     xpbarIn.style.backgroundImage = "linear-gradient(to right,black,white";
  88.     var xpIn = document.querySelector(".xp-container");
  89.     xpIn.style.borderTop = "black"; xpIn.style.borderBottom = "black"; xpIn.style.borderRight = "black";
  90.  
  91.     var level = document.getElementById("level");
  92.     level.style.backgroundColor = "black";
  93.     var levelIn = document.querySelector(".level-circle");
  94.     levelIn.style.backgroundColor = "black";
  95.     levelIn.style.border = "10px ridge black"
  96.     var play = document.getElementById("play-btn");
  97.     play.style.backgroundColor = "black";
  98.     var spec = document.getElementById("spectate-btn");
  99.     spec.style.backgroundColor = "black";
  100.     var settings = document.getElementById("cSettings");
  101.     settings.style.backgroundColor = "black";
  102.     var controls = document.getElementById("cControls");
  103.     controls.style.backgroundColor = "black";
  104.     var servers = document.getElementById("cServers");
  105.     servers.style.backgroundColor = "black";
  106.     var manabar = document.getElementById("mana-bar");
  107.     manabar.style.backgroundColor = "black";
  108.     document.getElementById("mana-count").style.color = "grey";
  109.     document.getElementById("powerup-display").style.background = "none";
  110.     document.getElementById("powerup-display").style.border = "none";
  111.  
  112.  
  113.  
  114.      // Change pics of pws
  115.      var merge = document.querySelector("#pwMerge img");
  116.      merge.src = "https://agma.io/img/store/recombine-min.png";
  117.  
  118.      var antimerge = document.querySelector("#pwAntimerge img");
  119.       antimerge.src = "https://agma.io/skins/objects/21.png";
  120.      var speed = document.querySelector("#pwSpeed img");
  121.      speed.src ="https://agma.io/img/store/speed-min.png";
  122.      var virus = document.querySelector("#pwVirus img");
  123.      virus.src = "https://agma.io/img/store/virus3.png";
  124.      var growth = document.querySelector("#pwGrowth img");
  125.      growth.src = "https://agma.io/img/growth.png";
  126.      var freezeVirus = document.querySelector("#pwFrzVirus img");
  127.      freezeVirus.scr = "https://agma.io/img/store/frozen_virus.png";
  128.      var goldenblock = document.querySelector("#pwBlock img");
  129.      goldenblock.src = "https://agma.io/img/store/goldore.png";
  130.      var antifreeze = document.querySelector("#pwAntifrz img");
  131.      antifreeze.src = "https://agma.io/skins/objects/20.png";
  132.      var shield = document.querySelector("#pwShield img");
  133.      shield.src = "https://agma.io/img/inv_shield5.png";
  134.  
  135.      }
  136. targetContainer2.appendChild(inputDark);
  137. targetContainer2.appendChild(inputText);
  138.  
  139.  
  140.  
  141. }
  142. button();
  143. // Wearable Box
  144. function wearable() {
  145.    let bunny = false;
  146.    let bat = false;
  147.    let witch = false;
  148.    let party = false;
  149.    let santa = false;
  150.    let none = false;
  151.    var wearable = document.createElement("div");
  152.     wearable.setAttribute("id", "wearable");
  153.     wearable.style.width="200px";wearable.style.height="auto";wearable.style.border="2px solid white";
  154.     wearable.style.zIndex="50";wearable.style.position="absolute"; wearable.style.padding="8px";
  155.     wearable.style.marginTop="+460px";wearable.style.borderRadius="7px";wearable.style.color="white";
  156.     wearable.style.boxShadow="inset 2px 0px 3px white"
  157.  
  158.     var bunnyW = document.createElement("div");
  159.     var batW = document.createElement("div");
  160.     var witchW = document.createElement("div");
  161.     var partyW = document.createElement("div");
  162.     var santaW = document.createElement("div");
  163.    function updateWearable() {
  164.      if (document.getElementById("wearableBtn1").innerHTML === 'Unequip Wearable') {
  165.        bunny = true;
  166.        bunnyW.innerHTML = "Bunny Ears: Equiped";
  167.        bunnyW.style.color="lime";
  168.      }
  169.      else {
  170.      bunny = false;
  171.      bunnyW.innerHTML = "Bunny Ears: Unequiped";
  172.      bunnyW.style.color="red";
  173.      }
  174.      if (document.getElementById("wearableBtn2").innerHTML === 'Unequip Wearable') {
  175.        bat = true;
  176.        batW.innerHTML = "Bat Wings: Equiped";
  177.        batW.style.color="lime";
  178.      }
  179.      else {
  180.      bat = false;
  181.      batW.innerHTML = "Bat Wings: Unequiped";
  182.      batW.style.color="red";
  183.      }
  184.      if (document.getElementById("wearableBtn3").innerHTML === 'Unequip Wearable') {
  185.        witch = true;
  186.        witchW.innerHTML = "Witches Hat: Equiped";
  187.        witchW.style.color="lime";
  188.      }
  189.      else {
  190.      witch = false;
  191.      witchW.innerHTML = "Witch Hat: Unequiped";
  192.      witchW.style.color="red";
  193.      }
  194.      if (document.getElementById("wearableBtn4").innerHTML === 'Unequip Wearable') {
  195.        party = true;
  196.        partyW.innerHTML = "Party Hat: Equiped";
  197.        partyW.style.color="lime";
  198.      }
  199.      else {
  200.      party = false;
  201.      partyW.innerHTML = "Party Hat: Unequiped";
  202.      partyW.style.color="red";
  203.      }
  204.      if (document.getElementById("wearableBtn5").innerHTML === 'Unequip Wearable') {
  205.        santa = true;
  206.        santaW.innerHTML = "Santa Hat: Equiped";
  207.        santaW.style.color="lime";
  208.      }
  209.      else {
  210.      santa = false;
  211.      santaW.innerHTML = "Santa Hat: Unequiped";
  212.      santaW.style.color="red";
  213.      }
  214.  
  215.  
  216.    }
  217.     setInterval(updateWearable, 2000);
  218.     wearable.appendChild(bunnyW);
  219.     wearable.appendChild(batW);
  220.     wearable.appendChild(witchW);
  221.     wearable.appendChild(partyW);
  222.     wearable.appendChild(santaW);
  223.     var body = document.querySelector("body");
  224.     body.appendChild(wearable);
  225. }
  226. wearable()
  227. // Information Box (Fps, Ping, etc.)
  228. function containerInfo(){
  229.  
  230. var container = document.createElement("div");
  231.     container.setAttribute("id", "infor");
  232.     container.style.width="200px";container.style.height="auto";container.style.border="2px solid white";
  233.     container.style.zIndex="50";container.style.position="absolute"; container.style.padding="8px";
  234.     container.style.marginTop="+200px";container.style.borderRadius="7px";container.style.color="white";
  235.     container.style.boxShadow="inset 2px 0px 3px white"
  236.     var fps = document.createElement("div");
  237.     const fpsV = document.getElementById("fps");
  238.  
  239.     var ping = document.createElement("div");
  240.     const pingV = document.getElementById("ping");
  241.  
  242.     var cells = document.createElement("div");
  243.     const cellsV = document.getElementById("cells");
  244.  
  245.     var profile = document.createElement("div");
  246.     const profileV = document.getElementById("setVisibility");
  247.  
  248.     var instant = document.createElement("div");
  249.     const instantP = document.getElementById("plrCount1");
  250.  
  251.     var classic = document.createElement("div");
  252.     const classicP = document.getElementById("plrCount2");
  253.  
  254.     var xpleft = document.createElement("div");
  255.  
  256.     const xpl = document.getElementById("xp-bar-text");
  257.  
  258.     var online = document.createElement("div");
  259.     online.setAttribute("id", "online");
  260. let count = 0;
  261.  
  262. //Playtime Counter
  263. function updateCounter() {
  264.  
  265.   const hours = Math.floor(count / 3600);
  266.   const minutes = Math.floor((count % 3600) / 60);
  267.   const seconds = count % 60;
  268.   count++;
  269.   online.innerHTML = `Playtime: ${hours}h, ${minutes}min, ${seconds}s`;
  270. }
  271.  
  272. setInterval(updateCounter, 1000);
  273. // Coins & XP Calculating
  274. function getCoins() {
  275.     var coinsGained = document.createElement("div");
  276.     coinsGained.setAttribute("id", "coinsg");
  277.     const pCoins = document.getElementById("coinText");
  278.     const pCoinsV = pCoins.textContent;
  279.     const pCoinsV2 = pCoinsV.replace(' ', '');
  280.     const pCoinsV3 = pCoinsV2.replace(' ', '');
  281.  
  282.     var xpGained = document.createElement("div");
  283.     const pXP = document.getElementById("xp-bar-text");
  284.     const pXPV = pXP.textContent;
  285.     const pXPV2 = pXPV.replace(' %', '');
  286. var levelg = document.getElementById("level").textContent;
  287.  
  288. // Updating Function for Coins & XP
  289. var aXPV; 
  290. var rXP; 
  291.  
  292. function updateGained() {
  293.   var levelgN = document.getElementById("level").textContent;
  294.  
  295.   const nCoins = document.getElementById("coinText");
  296.   const nCoinsV = nCoins.textContent;
  297.   const nCoinsV2 = nCoinsV.replace(' ', '');
  298.   const nCoinsV3 = nCoinsV2.replace(' ', '');
  299.   const rCoin = nCoinsV3 - pCoinsV3;
  300.   coinsGained.innerHTML = "Gained Coins: " + rCoin;
  301.   container.appendChild(coinsGained);
  302.  
  303.   if (levelg === levelgN) {
  304.     const nXP = document.getElementById("xp-bar-text");
  305.     const nXPV = nXP.textContent;
  306.     const nXPV2 = nXPV.replace(' %', '');
  307.     rXP = (nXPV2 - pXPV2).toFixed(2);
  308.     console.log("gleich");
  309.     xpGained.innerHTML = "Gained XP: " + rXP + "%";
  310.     sessionStorage.setItem("rXP", rXP);
  311.  
  312.   }
  313.  
  314.   if (levelg < levelgN) {
  315.     var SavedrXP = sessionStorage.getItem("rXP");
  316.     console.log(SavedrXP);
  317.     const aXP = document.getElementById("xp-bar-text");
  318.     const aXPT = aXP.textContent;
  319.     aXPV = aXPT.replace(' %', '');
  320.     const dXP = parseFloat(aXPV) + parseFloat(SavedrXP);
  321.     const dXPFixed = dXP.toFixed(2);
  322.  
  323.     xpGained.innerHTML = "Gained XP: " + dXPFixed + "%";
  324.   }
  325.  
  326.   xpleft.setAttribute("id", "xpl");
  327.   container.appendChild(xpGained);
  328. }
  329.  
  330. setInterval(updateGained, 2000);
  331.  
  332.  
  333. } setTimeout(getCoins, 1900);
  334. // Double XP / Coins
  335.     let DoubleXP = false;
  336.     let DoubleCoin = false;
  337.     var doublex = document.createElement("div");
  338.     var doublec = document.createElement("Div");
  339.  
  340.  
  341.  
  342.   var body = document.querySelector("body");
  343.     container.appendChild(fps);
  344.     container.appendChild(ping);
  345.     container.appendChild(cells);
  346.     container.appendChild(profile);
  347.     container.appendChild(instant);
  348.     container.appendChild(classic);
  349.     container.appendChild(xpleft);
  350.     container.appendChild(online);
  351.     container.appendChild(doublex);
  352.     container.appendChild(doublec);
  353.  
  354.  
  355.     body.appendChild(container);
  356. // Update all in the Information Box
  357. function updateProgress() {
  358.  
  359.     const currentFPS = parseInt(fpsV.textContent);
  360.     fps.innerHTML = "Fps: " + currentFPS;
  361.     if (currentFPS > 60) {fps.style.color="lime";}
  362.     else if (currentFPS > 30){fps.style.color="orange";}
  363.     else{fps.style.color="red";}
  364.  
  365.     const currentPing = parseInt(pingV.textContent);
  366.     ping.innerHTML = "Ping: " + currentPing;
  367.     if (currentPing < 61) {ping.style.color="lime";}
  368.     else if (currentPing < 120){ping.style.color="orange";}
  369.     else{ping.style.color="red";}
  370.  
  371.     if (profileV.checked) {
  372.     profile.innerHTML = "Profile is: Hidden";
  373.     }
  374.     else {
  375.     profile.innerHTML = "Profile is: Public";
  376.     }
  377.     const currentI = instantP.textContent;
  378.     const currentInstant = currentI.replace(' Players', '');
  379.     instant.innerHTML = "Instant: " + currentInstant;
  380.  
  381.     const currentC = classicP.textContent;
  382.     const currentClassic = currentC.replace(' Players', '');
  383.     classic.innerHTML = "Classic: " + currentClassic;
  384.  
  385.     const lxp = xpl.textContent;
  386.     const lxpWo = lxp.replace(' %', '');
  387.     const currentlxp = (100 - lxpWo).toFixed(2);
  388.     xpleft.innerHTML = "XP Left: " + currentlxp + "%";
  389.  
  390.     const nCoins = document.getElementById("coinText");
  391.     const nCoinsV = nCoins.textContent;
  392.     const nCoinsV2 = nCoinsV.replace(' ', '');
  393.     const nCoinsV3 = nCoinsV2.replace(' ', '');
  394.  
  395.     if(document.getElementById("purchaseBtn2").innerHTML === 'Owned'){
  396.         DoubleXP = true;
  397.         doublex.innerHTML = '2x XP: On'
  398.     } else {
  399.         DoubleXP = false;
  400.         doublex.innerHTML = '2x XP: Off'
  401.     }
  402.  
  403.     if(document.getElementById("purchaseBtn3").innerHTML === 'Owned'){
  404.         DoubleCoin = true;
  405.         doublec.innerHTML = '1.5x Coin: On'
  406.     } else {
  407.         DoubleCoin = false;
  408.         doublec.innerHTML = '1.5x Coin: Off'
  409.     }
  410.  
  411. }
  412. setInterval(updateProgress, 1000);
  413. function updatecells() {
  414.     const cellsS = cellsV.textContent;
  415.     cells.innerHTML = 'Cells: ' + cellsS + '/64';
  416. } setInterval(updatecells, 20);
  417. }
  418. containerInfo()
  419. //Keybinds Box
  420. function keybinds() {
  421.     var keybinds = document.createElement("div");
  422.     keybinds.style.width="200px";keybinds.style.height="180px";keybinds.style.border="2px solid white";
  423.     keybinds.style.zIndex="50";keybinds.style.position="absolute"; keybinds.style.padding="8px";
  424.     keybinds.style.marginTop="40%";keybinds.style.borderRadius="7px";keybinds.style.color="white";
  425.     keybinds.setAttribute("id", "keybinds");
  426.     keybinds.style.left="89%";
  427.  
  428.  
  429.  
  430.     var split = document.createElement("div");
  431.     var msplit = document.createElement("div");
  432.     var fsplit = document.createElement("div");
  433.     var respawn = document.createElement("div");
  434.     var feed = document.createElement("div");
  435.     var freeze = document.createElement("div");
  436.     var fdrop = document.createElement("div");
  437.     var mlock = document.createElement("div");
  438. // update keybinds
  439.     function updateKeybinds() {
  440.     const Ksplit = document.getElementById("split").textContent;
  441.     const Kmsplit = document.getElementById("msplit").textContent;
  442.     const Kfsplit = document.getElementById("fsplit").textContent;
  443.     const Krespawn = document.getElementById("respawn").textContent;
  444.     const Kfeed = document.getElementById("feed").textContent;
  445.     const Kfreeze = document.getElementById("freeze").textContent;
  446.     const Kfdrop = document.getElementById("sdrop").textContent;
  447.     const Kmlock = document.getElementById("mouselock").textContent;
  448.  
  449.     split.innerHTML = "Split: " + Ksplit;
  450.     msplit.innerHTML = "Macro Split: " + Kmsplit;
  451.     fsplit.innerHTML = "Fast Split: " + Kfsplit;
  452.     respawn.innerHTML = "Respawn: " + Krespawn;
  453.     feed.innerHTML = "Feed: " + Kfeed;
  454.     freeze.innerHTML = "Freeze: " + Kfreeze;
  455.     fdrop.innerHTML = "Fast Drop: " + Kfdrop;
  456.     mlock.innerHTML = "Mouse Lock: " + Kmlock;
  457.     }
  458.     setInterval(updateKeybinds, 2000);
  459.     keybinds.appendChild(split);
  460.     keybinds.appendChild(msplit);
  461.     keybinds.appendChild(fsplit);
  462.     keybinds.appendChild(respawn);
  463.     keybinds.appendChild(feed);
  464.     keybinds.appendChild(freeze);
  465.     keybinds.appendChild(fdrop);
  466.     keybinds.appendChild(mlock);
  467.     var body = document.querySelector("body");
  468.     body.appendChild(keybinds);
  469.  
  470. }
  471. keybinds()
  472. // Buttons (Chat & Keybinds) -> Turn off / on
  473. function btns() {
  474.     var body = document.querySelector("body");
  475.     var btnbox = document.createElement("div");
  476.     btnbox.style.zIndex="50"; btnbox.style.border="2px solid white"; btnbox.style.borderRadius="7px"; btnbox.style.position="absolute";
  477.     btnbox.style.marginTop="30%"; btnbox.style.width="236px"; btnbox.style.height="55px";
  478.     btnbox.style.boxShadow="inset 2px 0px 3px white"
  479.     var chatBtn = document.createElement("button");
  480.  
  481.     chatBtn.innerHTML = "Chat";
  482.     chatBtn.style.color="white"; chatBtn.style.background="none"; chatBtn.style.zIndex="50"; 
  483.     let clickCount = 0;
  484.     var chat = document.getElementById("chat-container");
  485.     chatBtn.addEventListener('click', function() {
  486.   if (clickCount === 0) {
  487.     chat.style.display="none";
  488.     clickCount++;
  489.   } else {
  490.     chat.style.display="block";
  491.     clickCount--;
  492.   }
  493.  
  494. });
  495.     var keybindsBtn = document.createElement("button");
  496.     keybindsBtn.style.color="white"; keybindsBtn.style.background="none"; keybindsBtn.style.zIndex="50"; keybindsBtn.style.marginTop="0%";keybindsBtn.style.borderTopRightRadius="7px"; keybindsBtn.style.width="73.5px";
  497.     keybindsBtn.innerHTML = "Keybinds";
  498.     let clickCountK = 0;
  499.     var keybinds = document.getElementById("keybinds");
  500.     keybindsBtn.addEventListener('click', function() {
  501.   if (clickCountK === 0) {
  502.     keybinds.style.display="none";
  503.     clickCountK++;
  504.   } else {
  505.     keybinds.style.display="block";
  506.     clickCountK--;
  507.   }
  508.  
  509. });
  510.     var informationBtn = document.createElement("button");
  511.        informationBtn.style.color="white"; informationBtn.style.background="none"; informationBtn.style.zIndex="50"; informationBtn.style.marginTop="0%";
  512.        informationBtn.innerHTML = "Info";
  513.       let clickCountI = 0;
  514.     var information = document.getElementById("infor");
  515.     informationBtn.addEventListener('click', function() {
  516.   if (clickCountI === 0) {
  517.     information.style.display="none";
  518.     clickCountI++;
  519.   } else {
  520.     information.style.display="block";
  521.     clickCountI--;
  522.   }
  523. });
  524.  
  525.     var wearableBtn = document.createElement("button");
  526.        wearableBtn.style.color="white"; wearableBtn.style.background="none"; wearableBtn.style.zIndex="50"; wearableBtn.style.marginTop="0%";
  527.        wearableBtn.innerHTML = "Wearable";
  528.     let clickCountW = 0;
  529.     var wearables = document.getElementById("wearable");
  530.     wearableBtn.addEventListener('click', function() {
  531.   if (clickCountW === 0) {
  532.     wearables.style.display="none";
  533.     clickCountW++;
  534.   } else {
  535.     wearables.style.display="block";
  536.     clickCountW--;
  537.   }
  538. });
  539.     var br = document.createElement("br");
  540.     var br2 = document.createElement("br");
  541.  
  542.     var $ = window.$;
  543.     var levelBtn = document.createElement("button");
  544.        levelBtn.style.color="white"; levelBtn.style.background="none"; levelBtn.style.zIndex="50"; levelBtn.style.marginTop="0%"; levelBtn.style.width="62px"; levelBtn.style.borderBottomRightRadius="7px";
  545.        levelBtn.innerHTML = "Level";
  546.     var coinsBtn = document.createElement("button");
  547.        coinsBtn.style.color="white"; coinsBtn.style.background="none"; coinsBtn.style.zIndex="50"; coinsBtn.style.marginTop="0%";
  548.        coinsBtn.innerHTML = "Coins";
  549.     var rankBtn = document.createElement("button");
  550.       rankBtn.style.color="white"; rankBtn.style.background="none"; rankBtn.style.zIndex="50"; rankBtn.style.marginTop="0%";
  551.       rankBtn.innerHTML = "Rank";
  552.  
  553.  
  554.  
  555.     var chatbox = document.getElementById("chat_textbox");
  556.     levelBtn.addEventListener('click', function() {
  557.     chatbox.value = '/level';
  558.         $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  559.          $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  560.     });
  561.     coinsBtn.addEventListener('click', function() {
  562.     chatbox.value = '/coins';
  563.         $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  564.          $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  565.     });
  566.     rankBtn.addEventListener('click', function() {
  567.     chatbox.value = '/rank';
  568.         $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  569.          $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  570.  
  571.     });
  572.     var xpleft = document.createElement("button");
  573.       xpleft.style.color="white"; xpleft.style.background="none"; xpleft.style.zIndex="50"; xpleft.style.marginTop="0%"; xpleft.style.width="75px";
  574.       xpleft.innerHTML = "XP Left";
  575.      xpleft.addEventListener('click', function() {
  576.         var xpl = document.getElementById("xp-bar");
  577.     const xpl2 = xpl.textContent;
  578.     const lxpWo = xpl2.replace(' %', '');
  579.     const currentlxp = (100 - lxpWo).toFixed(2);
  580.         chatbox.value = 'XP Left: ' + currentlxp + '%';
  581.         $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  582.          $("#canvas").trigger($.Event("keydown", { keyCode: 13}));
  583.  
  584.      });
  585.  
  586.     btnbox.appendChild(chatBtn);
  587.     btnbox.appendChild(informationBtn);
  588.     btnbox.appendChild(keybindsBtn);
  589.     btnbox.appendChild(wearableBtn);
  590.     btnbox.appendChild(br2);
  591.     btnbox.appendChild(coinsBtn);
  592.     btnbox.appendChild(rankBtn);
  593.     btnbox.appendChild(levelBtn);
  594.     btnbox.appendChild(xpleft);
  595.     body.appendChild(btnbox);
  596.  
  597. }
  598. btns()
  599.  
  600.