- 제출된 URL:
- https://nooby31415.github.io/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 47개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| mouseX | number |
| mouseY | number |
| shiftX | number |
| shiftY | number |
| zoom | number |
| p | number |
| i | number |
콘솔 로그 메시지 · 1개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| warning | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html><head>
<title>nooby31415's page</title>
<link rel="shortcut icon" type="image/png" href="favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style id="btnend">button:hover{background-color:#44AAFF;}</style>
<style id="btnstart">button{font-family:monospace;position:absolute;transition-duration:0.4s;border:none;background-color:#0055CC;width:100px;height:40px;color:#FFFFFF;border-radius:12px;}</style>
<style id="style1">
#ti_div{
position: fixed;
background-color: #3388ffcc;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 12px;
z-index:1;
overflow-y:scroll;
}
#ti_text{
font-size: 4em;
text-align:center;
}
#ti_img{
top: 0px;
position: absolute;
}
#ti_img2{
left: calc(100% - 100px);
top: 0px;
position: absolute;
}
#ti_new{
left:200px;
top:500px;
}
#ti_cont{
left:calc(100% - 300px);
top:500px;
}
#save{
position:fixed;
top:0px;
left:0px;
}
body{
font-family:monospace;
background-color:#002244; /* back 1 */
color:#FFFFFF; /* text 2 */
position:relative;
}
#div{
background-color:#3388FF; /* top 3 */
text-align:center;
height:150px;
width:100%;
border-radius:12px;
font-size:20px;
position:relative;
}
#hi_div{
background-color:#77CCFF; /* hint 4 */
text-align:center;
height:30px;
width:calc(100% - 50px);
border-radius:12px;
font-size:15px;
position:absolute;
top:45px;
left:25px;
}
#hi_text{
margin:0px;
top:5px;
position:relative;
}
#ba_next{
top:350px;
}
#rt_mobile{
top:100%;
}
#ma_canvas{
left:-18px;
top:5px;
position:relative;
}
#ma_zoomin{
left:600px;
top:200px;
position:absolute;
}
#ma_zoomout{
left:600px;
top:300px;
position:absolute;
}
#rt{
left:0%;
top:74%;
}
#ab{
left:calc(100% - 100px);
top:74%;
}
#sl{
left:calc(50% - 50px);
top:74%;
}
#ba{
left:calc(25% - 25px);
top:74%;
}
#sa{
left:calc(75% - 75px);
top:74%;
}
#in{
left:calc(12.5% - 12.5px);
top:74%;
}
#ma{
left:calc(87.5% - 87.5px);
top:74%;
}
#th{
left:calc(37.5% - 37.5px);
top:74%;
}
#re{
left:calc(62.5% - 62.5px);
top:74%;
}
#sl_1{
left:0%;
top:30px;
}
#sl_2{
left:calc(50% - 200px);
top:30px;
}
#sl_3{
left:calc(100% - 400px);
top:30px;
}
#sl_spin{
top:165px;
left:307px;
}
#sl_dr1{
position:absolute;
top:440px;
left:100px;
}
#sl_dr2{
position:absolute;
top:490px;
left:100px;
}
#sl_dr3{
position:absolute;
top:540px;
left:100px;
}
#sl_dr4{
position:absolute;
top:590px;
left:100px;
}
#sl_dr5{
position:absolute;
top:640px;
left:100px;
}
#sl_b1{
top:300px;
left:0px;
}
#sl_b2{
top:300px;
left:100px;
}
#sl_b3{
top:350px;
left:0px;
}
#sl_b4{
top:350px;
left:100px;
}
#sl_b5{
top:400px;
left:50px;
}
#sl_b6{
top:450px;
left:0px;
}
#sl_b7{
top:500px;
left:0px;
}
#sl_b8{
top:550px;
left:0px;
}
#sl_b9{
top:600px;
left:0px;
}
#sl_b10{
top:650px;
left:0px;
}
#ba_ptext{
position:absolute;
top:150px;
left:0px;
}
#ba_etext{
position:absolute;
top:150px;
left:400px;
}
#ba_pchar{
position:absolute;
top:202px;
left:0px;
}
#ba_echar{
position:absolute;
top:202px;
left:400px;
}
</style>
</head>
<body id="body" style="background-color: rgb(0, 34, 68); color: rgb(255, 255, 255);">
<div id="ti_div">
<h1 id="ti_text">nooby31415</h1>
<img src="favicon.png" width="100" height="100" id="ti_img">
<img src="favicon.png" width="100" height="100" id="ti_img2">
<button id="ti_new">New Game</button>
<button id="ti_cont">Continue</button>
</div>
<div id="div" style="background-color: rgb(51, 136, 255);">
<b>nooby31415</b>
<i>the page everyone needs</i>
<button id="rt">Rickroll Typer</button>
<button id="ab">About</button>
<button id="sl">Slots</button>
<button id="ba">Battle</button>
<button id="sa">Save/Load</button>
<button id="in">Inventory</button>
<button id="ma">Mandelbrot</button>
<button id="th">Themes</button>
<button id="re">Rebirth</button>
</div>
<div id="hi_div" style="background-color: rgb(119, 204, 255);">
<p id="hi_text">Click or tap on a button!</p>
</div>
<div id="rt_div" style="display: none;">
<button id="rt_mobile"></button>
<p id="rt_text"></p>
</div>
<div id="ab_div" style="display: block;">
<h1 id="contents">Contents</h1>
<ul>
<li>About the page and how to use it</li>
<li>Most features</li>
<li>The main game system</li>
<li>Advanced features and tips of the game system</li>
</ul>
<h1 id="about-the-page-and-how-to-use-it">About the page and how to use it</h1>
<p>Please enable JavaScript on your browser for everything to work.
In <a href="https://nooby31415.github.io">https://nooby31415.github.io</a>, you can click the buttons on the top (Rickroll typer, Slots, About, etc.) to navigate through the different features of the page. On mobile, you should turn your device sideways so it works. (I didn't use sub-pages because of saving issues.) This website is created for no reason, idk this was originally intended to be a joke website for me & my friends, but if you can, pls share this website =) CAUTION:This website is always in construction.
It is:</p>
<ul>
<li>Pure JavaScript (no libraries)</li>
<li>Homemade</li>
<li>Customisable</li>
<li>A one file website (excluding additional assets, such as images)</li>
<li>1300+ lines</li>
<li>Open-source</li>
</ul>
<h1 id="most-features">Most features</h1>
<h3 id="rickroll-typer">Rickroll typer</h3>
<p>Like geek typer, but with the lyrics of "Never gonna give you up"</p>
<h3 id="themes">Themes</h3>
<p>Customize the page with your favorite theme! Includes 7 themes.</p>
<h3 id="about">About</h3>
<p>Read about the website.</p>
<h3 id="mandelbrot">Mandelbrot</h3>
<p>(NOTE: Mobile devices or old PCs might not be able to handle this, as you need more computing power for it and it might crash.)
Explore the mandelbrot set by dragging and using the scroll wheel or the buttons to zoom. The mandelbrot set is an infinite fractal that is easy to generate, yet not easy (at least for your computer) to render.</p>
<h1 id="the-main-game-system">The main game system</h1>
<p>This system contains slots, battle, inventory, and save/load.</p>
<h3 id="slots">Slots</h3>
<p>This is the base of the game system. In slots, you can press spin to either gain money/gems or lose some. Money and gems are two different currencies, but right below the slots there is a shop. </p>
<p>In that shop you can:</p>
<ul>
<li>Exchange the two currencies</li>
<li>Rickroll</li>
<li>Buy characters</li>
</ul>
<p>When buying characters, you have 5 options: Common, Uncommon, Rare, Epic, Super rare. If you click on one and have the required gems for it, you can get a character. How to see those characters will be in the next section.</p>
<h3 id="inventory">Inventory</h3>
<p>In inventory, you can see all of your characters that you have unlocked. Click on one to equip it and see its stats.</p>
<h3 id="battle">Battle</h3>
<p>But how do you use those characters? Well, in battle you can battle a CPU opponent using your selected character. Press next for you or the CPU to take a turn in battle, taking away HP from their opponent. If you make the CPU's health go to 0, you win you will get a reward. If you win or lose, the next button will function as a "new opponent" button for the next click.</p>
<p>Here is what all of the stats mean:</p>
<ul>
<li>HP: How much health it has. More health usually means a better character, because it can battle longer.</li>
<li>Range: The range of the damage (HP taken away) to the opponent. Every time you click next, you deal a random number in the range of damage.</li>
<li>Attack: The name of the attack it uses.</li>
<li>Rarity: Common, Uncommon, Rare, Epic, Super rare, and Legendary. The higher the rank is, the better the character is.</li>
</ul>
<h3 id="save-load">Save/Load</h3>
<p>Now that I added automatic save/load, there is really no use for this except for these reasons:</p>
<ul>
<li>Loading older save codes in</li>
<li>Device transfer</li>
<li>Keeping the code if for whatever reason the automatic save/load fails.</li>
</ul>
<p>How to device transfer:</p>
<ol>
<li>On the sending device, write down the save code if you want.</li>
<li>On the receiving device, type in the box the save code.</li>
<li>On the receiving device, press load.</li>
</ol>
<p>It should work.
You can also use older save codes if they are written down.</p>
<h1 id="advanced-features-and-tips-about-the-game-system">Advanced features and tips about the game system</h1>
<p>These might help you in the game system:</p>
<ol>
<li>Writing down the save code often. The automatic save/load has not been tested a lot, and if history is cleared, it might not work.</li>
<li>Slots strategy. As soon you get 3 gems, try cashing them in for money, and do that for a while until you get around $800. Then, you should be safe and spam spin until you get enough gems to buy a character.</li>
<li>Progress through ranks/rarities. You should buy a common/uncommon first, battle for a while to get $ and gems, then get a higher rarity one, battle again, etc, until you either are bored or want to get all of the characters.</li>
</ol>
</div>
<div id="sl_div" style="display: none;">
<p id="sl_text"></p>
<button id="sl_spin">Spin</button>
<img src="" id="sl_1" width="100" height="100">
<img src="" id="sl_2" width="100" height="100">
<img src="" id="sl_3" width="100" height="100">
<p id="sl_text"></p>
<button id="sl_b1">$100<br>Cost:2 gems</button>
<button id="sl_b2">$175<br>Cost:3 gems</button>
<button id="sl_b3">2 gems<br>Cost:$100</button>
<button id="sl_b4">3 gems<br>Cost:$175</button>
<button id="sl_b5">RICKROLL<br>Cost:5 gems</button>
<button id="sl_b6">Common Cost:12gems</button>
<button id="sl_b7">Uncommon Cost:18gems</button>
<button id="sl_b8">Rare Cost:25gems</button>
<button id="sl_b9">Epic Cost:40gems</button>
<button id="sl_b10">Super rare Cost:55gems</button>
<p id="sl_dr1">
55% common|19% uncommon|10% rare|8% epic |6% super rare |2% legendary
</p>
<p id="sl_dr2">
16% common|50% uncommon|15% rare|10% epic|6% super rare |3% legendary
</p>
<p id="sl_dr3">
13% common|18% uncommon|45% rare|12% epic|7% super rare |5% legendary
</p>
<p id="sl_dr4">
12% common|14% uncommon|17% rare|40% epic|9% super rare |8% legendary
</p>
<p id="sl_dr5">
10% common|12% uncommon|14% rare|19% epic|35% super rare|10% legendary
</p>
</div>
<div id="ba_div" style="display: none;">
<p id="ba_ptext"></p>
<p id="ba_etext"></p>
<button id="ba_next">>>Next>></button>
<img src="" id="ba_pchar" width="100" height="100">
<img src="" id="ba_echar" width="100" height="100">
</div>
<div id="sa_div" style="display: none;">
<p>Save code:<br></p>
<p id="sa_code"><br></p>
<p>Load code:<br></p>
<input type="text" id="sa_loadt">
<button id="sa_loadb">Load</button>
<p id="sa_text"></p>
</div>
<div id="in_div" style="display: none;">
<p id="in_text"></p>
<button id="0" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i0" width="100" height="100"></button>
<button id="1" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i1" width="100" height="100"></button>
<button id="2" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i2" width="100" height="100"></button>
<button id="3" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i3" width="100" height="100"></button>
<button id="4" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i4" width="100" height="100"></button>
<button id="5" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i5" width="100" height="100"></button>
<button id="6" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i6" width="100" height="100"></button>
<button id="7" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i7" width="100" height="100"></button>
<button id="8" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i8" width="100" height="100"></button>
<button id="9" style="width: 100px; height: 100px; background-color: rgb(153, 153, 153);"><img src="" id="i9" width="100" height="100"></button>
<button id="10" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i10" width="100" height="100"></button>
<button id="11" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i11" width="100" height="100"></button>
<button id="12" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i12" width="100" height="100"></button>
<button id="13" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i13" width="100" height="100"></button>
<button id="14" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i14" width="100" height="100"></button>
<button id="15" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i15" width="100" height="100"></button>
<button id="16" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i16" width="100" height="100"></button>
<button id="17" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i17" width="100" height="100"></button>
<button id="18" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i18" width="100" height="100"></button>
<button id="19" style="width: 100px; height: 100px; background-color: rgb(51, 204, 51);"><img src="" id="i19" width="100" height="100"></button>
<button id="20" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i20" width="100" height="100"></button>
<button id="21" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i21" width="100" height="100"></button>
<button id="22" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i22" width="100" height="100"></button>
<button id="23" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i23" width="100" height="100"></button>
<button id="24" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i24" width="100" height="100"></button>
<button id="25" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i25" width="100" height="100"></button>
<button id="26" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i26" width="100" height="100"></button>
<button id="27" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i27" width="100" height="100"></button>
<button id="28" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i28" width="100" height="100"></button>
<button id="29" style="width: 100px; height: 100px; background-color: rgb(51, 51, 255);"><img src="" id="i29" width="100" height="100"></button>
<button id="30" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i30" width="100" height="100"></button>
<button id="31" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i31" width="100" height="100"></button>
<button id="32" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i32" width="100" height="100"></button>
<button id="33" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i33" width="100" height="100"></button>
<button id="34" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i34" width="100" height="100"></button>
<button id="35" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i35" width="100" height="100"></button>
<button id="36" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i36" width="100" height="100"></button>
<button id="37" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i37" width="100" height="100"></button>
<button id="38" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i38" width="100" height="100"></button>
<button id="39" style="width: 100px; height: 100px; background-color: rgb(153, 51, 153);"><img src="" id="i39" width="100" height="100"></button>
<button id="40" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i40" width="100" height="100"></button>
<button id="41" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i41" width="100" height="100"></button>
<button id="42" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i42" width="100" height="100"></button>
<button id="43" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i43" width="100" height="100"></button>
<button id="44" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i44" width="100" height="100"></button>
<button id="45" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i45" width="100" height="100"></button>
<button id="46" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i46" width="100" height="100"></button>
<button id="47" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i47" width="100" height="100"></button>
<button id="48" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i48" width="100" height="100"></button>
<button id="49" style="width: 100px; height: 100px; background-color: rgb(204, 0, 0);"><img src="" id="i49" width="100" height="100"></button>
<button id="50" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i50" width="100" height="100"></button>
<button id="51" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i51" width="100" height="100"></button>
<button id="52" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i52" width="100" height="100"></button>
<button id="53" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i53" width="100" height="100"></button>
<button id="54" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i54" width="100" height="100"></button>
<button id="55" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i55" width="100" height="100"></button>
<button id="56" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i56" width="100" height="100"></button>
<button id="57" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i57" width="100" height="100"></button>
<button id="58" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i58" width="100" height="100"></button>
<button id="59" style="width: 100px; height: 100px; background-color: rgb(255, 221, 51);"><img src="" id="i59" width="100" height="100"></button>
<button id="60" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i60" width="100" height="100"></button>
<button id="61" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i61" width="100" height="100"></button>
<button id="62" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i62" width="100" height="100"></button>
<button id="63" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i63" width="100" height="100"></button>
<button id="64" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i64" width="100" height="100"></button>
<button id="65" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i65" width="100" height="100"></button>
<button id="66" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i66" width="100" height="100"></button>
<button id="67" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i67" width="100" height="100"></button>
<button id="68" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i68" width="100" height="100"></button>
<button id="69" style="width: 100px; height: 100px; background-color: rgb(153, 153, 255);"><img src="" id="i69" width="100" height="100"></button>
<button id="70" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i70" width="100" height="100"></button>
<button id="71" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i71" width="100" height="100"></button>
<button id="72" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i72" width="100" height="100"></button>
<button id="73" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i73" width="100" height="100"></button>
<button id="74" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i74" width="100" height="100"></button>
<button id="75" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i75" width="100" height="100"></button>
<button id="76" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i76" width="100" height="100"></button>
<button id="77" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i77" width="100" height="100"></button>
<button id="78" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i78" width="100" height="100"></button>
<button id="79" style="width: 100px; height: 100px; background-color: rgb(238, 85, 17);"><img src="" id="i79" width="100" height="100"></button>
<button id="80" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i80" width="100" height="100"></button>
<button id="81" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i81" width="100" height="100"></button>
<button id="82" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i82" width="100" height="100"></button>
<button id="83" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i83" width="100" height="100"></button>
<button id="84" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i84" width="100" height="100"></button>
<button id="85" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i85" width="100" height="100"></button>
<button id="86" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i86" width="100" height="100"></button>
<button id="87" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i87" width="100" height="100"></button>
<button id="88" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i88" width="100" height="100"></button>
<button id="89" style="width: 100px; height: 100px; background-color: rgb(238, 68, 68);"><img src="" id="i89" width="100" height="100"></button>
<button id="90" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i90" width="100" height="100"></button>
<button id="91" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i91" width="100" height="100"></button>
<button id="92" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i92" width="100" height="100"></button>
<button id="93" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i93" width="100" height="100"></button>
<button id="94" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i94" width="100" height="100"></button>
<button id="95" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i95" width="100" height="100"></button>
<button id="96" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i96" width="100" height="100"></button>
<button id="97" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i97" width="100" height="100"></button>
<button id="98" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i98" width="100" height="100"></button>
<button id="99" style="width: 100px; height: 100px; background-color: rgb(119, 255, 119);"><img src="" id="i99" width="100" height="100"></button>
<button id="100" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i100" width="100" height="100"></button>
<button id="101" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i101" width="100" height="100"></button>
<button id="102" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i102" width="100" height="100"></button>
<button id="103" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i103" width="100" height="100"></button>
<button id="104" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i104" width="100" height="100"></button>
<button id="105" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i105" width="100" height="100"></button>
<button id="106" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i106" width="100" height="100"></button>
<button id="107" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i107" width="100" height="100"></button>
<button id="108" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i108" width="100" height="100"></button>
<button id="109" style="width: 100px; height: 100px; background-color: rgb(238, 136, 255);"><img src="" id="i109" width="100" height="100"></button>
<button id="110" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i110" width="100" height="100"></button>
<button id="111" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i111" width="100" height="100"></button>
<button id="112" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i112" width="100" height="100"></button>
<button id="113" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i113" width="100" height="100"></button>
<button id="114" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i114" width="100" height="100"></button>
<button id="115" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i115" width="100" height="100"></button>
<button id="116" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i116" width="100" height="100"></button>
<button id="117" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i117" width="100" height="100"></button>
<button id="118" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i118" width="100" height="100"></button>
<button id="119" style="width: 100px; height: 100px; background-color: rgb(136, 102, 34);"><img src="" id="i119" width="100" height="100"></button>
<button id="120" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i120" width="100" height="100"></button>
<button id="121" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i121" width="100" height="100"></button>
<button id="122" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i122" width="100" height="100"></button>
<button id="123" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i123" width="100" height="100"></button>
<button id="124" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i124" width="100" height="100"></button>
<button id="125" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i125" width="100" height="100"></button>
<button id="126" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i126" width="100" height="100"></button>
<button id="127" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i127" width="100" height="100"></button>
<button id="128" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i128" width="100" height="100"></button>
<button id="129" style="width: 100px; height: 100px; background-color: rgb(187, 187, 187);"><img src="" id="i129" width="100" height="100"></button>
<button id="130" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i130" width="100" height="100"></button>
<button id="131" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i131" width="100" height="100"></button>
<button id="132" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i132" width="100" height="100"></button>
<button id="133" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i133" width="100" height="100"></button>
<button id="134" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i134" width="100" height="100"></button>
<button id="135" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i135" width="100" height="100"></button>
<button id="136" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i136" width="100" height="100"></button>
<button id="137" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i137" width="100" height="100"></button>
<button id="138" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i138" width="100" height="100"></button>
<button id="139" style="width: 100px; height: 100px; background-color: rgb(153, 153, 34);"><img src="" id="i139" width="100" height="100"></button>
<button id="140" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i140" width="100" height="100"></button>
<button id="141" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i141" width="100" height="100"></button>
<button id="142" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i142" width="100" height="100"></button>
<button id="143" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i143" width="100" height="100"></button>
<button id="144" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i144" width="100" height="100"></button>
<button id="145" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i145" width="100" height="100"></button>
<button id="146" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i146" width="100" height="100"></button>
<button id="147" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i147" width="100" height="100"></button>
<button id="148" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i148" width="100" height="100"></button>
<button id="149" style="width: 100px; height: 100px; background-color: rgb(187, 187, 255);"><img src="" id="i149" width="100" height="100"></button>
<button id="150" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i150" width="100" height="100"></button>
<button id="151" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i151" width="100" height="100"></button>
<button id="152" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i152" width="100" height="100"></button>
<button id="153" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i153" width="100" height="100"></button>
<button id="154" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i154" width="100" height="100"></button>
<button id="155" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i155" width="100" height="100"></button>
<button id="156" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i156" width="100" height="100"></button>
<button id="157" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i157" width="100" height="100"></button>
<button id="158" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i158" width="100" height="100"></button>
<button id="159" style="width: 100px; height: 100px; background-color: rgb(68, 0, 85);"><img src="" id="i159" width="100" height="100"></button>
<button id="160" style="width:100px; height:100px;"><img src="" id="i160" width="100" height="100"></button>
<button id="161" style="width:100px; height:100px;"><img src="" id="i161" width="100" height="100"></button>
<button id="162" style="width:100px; height:100px;"><img src="" id="i162" width="100" height="100"></button>
<button id="163" style="width:100px; height:100px;"><img src="" id="i163" width="100" height="100"></button>
<button id="164" style="width:100px; height:100px;"><img src="" id="i164" width="100" height="100"></button>
<button id="165" style="width:100px; height:100px;"><img src="" id="i165" width="100" height="100"></button>
<button id="166" style="width:100px; height:100px;"><img src="" id="i166" width="100" height="100"></button>
<button id="167" style="width:100px; height:100px;"><img src="" id="i167" width="100" height="100"></button>
<button id="168" style="width:100px; height:100px;"><img src="" id="i168" width="100" height="100"></button>
<button id="169" style="width:100px; height:100px;"><img src="" id="i169" width="100" height="100"></button>
<button id="170" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i170" width="100" height="100"></button>
<button id="171" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i171" width="100" height="100"></button>
<button id="172" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i172" width="100" height="100"></button>
<button id="173" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i173" width="100" height="100"></button>
<button id="174" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i174" width="100" height="100"></button>
<button id="175" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i175" width="100" height="100"></button>
<button id="176" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i176" width="100" height="100"></button>
<button id="177" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i177" width="100" height="100"></button>
<button id="178" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i178" width="100" height="100"></button>
<button id="179" style="width: 100px; height: 100px; background-color: rgb(0, 0, 0);"><img src="" id="i179" width="100" height="100"></button>
</div>
<div id="ma_div" style="display: none;">
<canvas id="ma_canvas" width="512" height="512"></canvas>
<button id="ma_zoomin">Zoom in</button>
<button id="ma_zoomout">Zoom out</button>
<p id="ma_x">X:0</p>
<p id="ma_y">Y:0</p>
<p id="ma_z">Zoom:0</p>
</div>
<div id="th_div" style="display: none;">
<br>
<br>
<br>
<button id="th_1">Blue</button>
<br>
<br>
<br>
<button id="th_2">Dark</button>
<br>
<br>
<br>
<button id="th_3">Light</button>
<br>
<br>
<br>
<button id="th_4">Green</button>
<br>
<br>
<br>
<button id="th_5">Yellow</button>
<br>
<br>
<br>
<button id="th_6">Red</button>
<br>
<br>
<br>
<button id="th_7">Purple</button>
</div>
<div id="re_div" style="display: none;">
<button id="re_button">Rebirth</button>
</div>
<p><br><br><br>v289</p>
<script>
//////////////////////////////////////////////////////////////////////////////////////////////INIT VARS
var mouseX=0;
var mouseY=0;
var shiftX=0;
var shiftY=0;
var zoom=0;
var p=1;
var i=0;
var m=100;
var g=0;
var char_rarity=0;
var char_num=3;
var char_name=[
["muffin" ,"impostor" ,"happy meal" ,"noob" ,"crewmate" ,"fries" ,"epic face" ,"chicken nugget","blue jerry" ,"grass block" ],
["burger king" ,"computer" ,"gear" ,"happy emoji" ,"mc flurry" ,"pencil" ,"popcorn" ,"search" ,"purple jerry" ,"star" ],
["polish cow" ,"stickman" ,"rick astley" ,"cheeseburger","e" ,"mcdonalds" ,"youtube" ,"yeet" ,"red jerry" ,"m" ],
["shrek" ,"mc chicken" ,"epic rickroll" ,"rubiks cube" ,"discord" ,"android" ,"apple" ,"windows" ,"yellow jerry" ,"battle cat" ],
["mc cafe" ,"trophy" ,"super rickroll" ,"medal" ,"diamond" ,"camera" ,"duolingo" ,"spam" ,"orange jerry" ,"twitch" ],
["nestle crunch","potato" ,"legend rickroll","big mac" ,"dream" ,"pi" ,"pikotaro" ,"math" ,"green jerry" ,"mandelbrot" ],
["coconut" ,"banana" ,"roblox" ,"cereal" ,"soccer ball","box" ,"mayo" ,"blueberry" ,"pink jerry" ,"minecraft" ],
["socks" ,"peppa pig" ,"books" ,"pyraminx" ,"bbq sauce" ,"egg" ,"tetris" ,"megaminx" ,"brown jerry" ,"spoon" ],
["chocolate" ,"calculator" ,"google" ,"piano" ,"robux" ,"donut" ,"toad" ,"bacon" ,"black jerry" ,"fork" ],
["toast" ,"v bucks" ,"toaster" ,"elmo" ,"bitcoin" ,"lime" ,"lemon" ,"mr bean" ,"white jerry" ,"github" ],
["sun" ,"mercury" ,"venus" ,"earth" ,"mars" ,"jupiter" ,"saturn" ,"uranus" ,"teal jerry" ,"neptune" ],
["avocado" ,"mario" ,"sonic" ,"llama" ,"dog" ,"cat" ,"pie" ,"fuzzy dice" ,"bronze jerry" ,"playing cards"],
["psyduck" ,"oreo" ,"poutine" ,"squiggle" ,"the trio" ,"4d cube" ,"jigglypuff" ,"ps5" ,"silver jerry" ,"doritos" ],
["rest" ,"obama prism","music note" ,"skittles" ,"cookies" ,"rock" ,"paper" ,"scissors" ,"gold jerry" ,"coke" ],
["doge" ,"dogecoin" ,"rattata" ,"troll face" ,"weedle" ,"meowth" ,"poliwag" ,"o zone" ,"magenta jerry" ,"axolotl" ],
["corn" ,"john cena" ,"mlg" ,"lego" ,"covid" ,"fortnite" ,"lambo" ,"ms paint" ,"navy blue jerry" ,"squirtle" ],
["pac man" ,"pikachu" ,"poke ball" ,"gaming pc" ,"kahoot" ,"my wifi" ,"money" ,"nothing" ,"dark green jerry","html" ],
["joe" ,"bob" ,"bob rick astley","bob noob" ,"rolly" ,"nooby31415" ,"small potatoes" ,"bach" ,"rainbow jerry" ,"meme man" ]
];
var char_img=[
["muffin.png" ,"among us red.png","happymeal.png" ,"favicon.png" ,"amongusgreen.png","fries.png" ,"epicface.png","chickennugget.png","jerryblue.png" ,"minecraft.png" ],
["burgerking.png" ,"computer.png" ,"gear.png" ,"happyemoji.png" ,"mcflurry.png" ,"pencil.png" ,"popcorn.png" ,"search.png" ,"jerrypurple.png","star.png" ],
["polishcow.png" ,"stickman.png" ,"rickastley.png","cheeseburger.png","E.png" ,"mcdonalds.png","youtube.png" ,"yeet.png" ,"jerryred.png" ,"m.png" ],
["shrek.png" ,"mcchicken.png" ,"rickastley.png","rubikscube.png" ,"discord.png" ,"android.png" ,"apple.png" ,"windows.png" ,"jerryyellow.png","battlecat.png" ],
["mccafe.png" ,"trophy.png" ,"rickastley.png","medal.png" ,"diamond.png" ,"camera.png" ,"duolingo.png","spam.png" ,"jerryorange.png","twitch.png" ],
["nestlecrunch.png","potato.png" ,"rickastley.png","bigmac.png" ,"dream.png" ,"pi.png" ,"ppap.png" ,"math.png" ,"jerry.png" ,"mandelbrot.png"]
];
var char_attack=[
["die die dieee","sus" ,"mc donalds" ,"oof" ,"tasks" ,"mcdonalds" ,"memes" ,"mcdonalds" ,"blob","minecraft" ],
["whopper" ,"electricity" ,"change system settings" ,"smile!" ,"mcdonalds" ,"sharp stab" ,"big pop" ,"google" ,"blob","shooting star"],
["kick" ,"stickboi" ,"never gonna give you up","mc donalds" ,"eeee" ,"mcdonalds" ,"memes" ,"yah yeeet" ,"blob","mmmm" ],
["shreksophone" ,"mc donalds" ,"never gonna give you up","scramble" ,"ear blasting ping","electricity","electricity","electricity" ,"blob","raid" ],
["mc donalds" ,"first place" ,"never gonna give you up","first place","minecraft" ,"photo" ,"french" ,"spam spam spam","blob","stream" ],
["CRUNCH" ,"potato" ,"never gonna give you up","mc donalds" ,"minecraft" ,"math" ,"PPAP" ,"math" ,"blob","fractal" ]
];
var char_min=[
[6 ,7 ,7 ,5 ,7 ,5 ,6 ,5 ,6 ,7 ],
[6 ,7 ,5 ,7 ,7 ,6 ,8 ,6 ,7 ,8 ],
[7 ,6 ,7 ,7 ,8 ,6 ,7 ,7 ,8 ,7 ],
[8 ,8 ,8 ,7 ,8 ,8 ,8 ,8 ,9 ,7 ],
[9 ,8 ,8 ,9 ,9 ,8 ,9 ,9 ,8 ,9 ],
[9 ,9 ,10,9 ,10,9 ,10,9 ,10,9 ],
[10,11,11,10,10,11,10,11,12,11],
[11,12,11,11,11,11,12,12,12,10],
[12,13,13,13,12,13,14,13,12,13],
[13,14,13,14,13,12,13,14,15,14],
[14,15,14,13,14,15,14,14,14,15],
[15,14,15,16,15,16,16,16,16,15],
[16,17,16,17,17,16,16,16,17,16],
[17,18,17,17,18,18,18,17,18,19],
[19,19,19,18,17,18,18,19,20,19],
[20,19,20,19,19,18,20,21,20,19],
[20,21,21,20,21,21,22,21,20,21],
[21,21,22,21,22,21,22,22,23,22]
];
var char_max=[
[12,13,12,12,13,12,13,12,12,13],
[13,12,14,13,14,12,13,14,13,12],
[13,13,14,13,14,13,13,14,14,14],
[15,16,15,16,16,15,15,15,16,16],
[16,17,17,16,17,16,16,17,17,17],
[17,17,18,17,18,18,17,18,17,18],
[18,18,19,18,19,18,19,19,19,18],
[19,20,19,20,20,19,20,20,19,18],
[20,21,21,21,22,21,20,21,22,21],
[21,22,23,21,22,22,21,23,22,22],
[22,23,23,22,23,24,23,22,23,22],
[23,24,24,24,23,22,23,24,24,25],
[24,25,25,24,24,24,24,25,25,25],
[25,26,25,25,25,24,25,26,26,25],
[26,27,27,27,26,27,26,27,26,27],
[27,28,27,26,27,28,28,27,27,26],
[28,29,28,27,28,29,27,28,28,29],
[30,30,30,30,30,30,30,30,30,30]
];
var char_hp=[
[90 ,90 ,95 ,85 ,90 ,85 ,90, 90 ,95, 90 ],
[95 ,100,95 ,100,105,100,105,95 ,95, 100],
[100,110,105,105,105,100,105,105,110,105],
[115,120,110,110,115,115,115,115,110,120],
[115,120,115,120,120,115,125,115,125,110],
[125,120,130,125,125,125,125,125,130,130],
[125,130,135,130,125,130,130,125,130,125],
[135,140,140,140,135,130,135,135,140,140],
[140,145,145,145,145,145,140,145,135,140],
[150,145,145,145,140,145,150,150,145,150],
[155,150,155,150,150,150,145,150,155,155],
[150,155,160,160,160,160,155,155,150,160],
[165,160,160,160,165,155,155,160,165,160],
[170,165,170,160,160,165,160,170,165,165],
[170,175,170,165,170,170,175,165,175,170],
[180,180,170,175,175,180,180,170,175,175],
[185,185,180,180,175,180,185,175,175,180],
[190,190,190,190,185,180,185,190,190,190]
];
var char_exists=[
[0,0,0,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0]
];
var char_php;
var char_ehp;
var char_erarity;
var char_enum;
var turn=0;
var ranks=["Common","Uncommon","Rare","Epic","Super rare","Legendary","Sapphire","Amber","Ruby","Emerald","Amethyst","Bronze","Silver","Gold","Diamond","Platinum","Mythical","bob"];
var rankcolor=["#999","#3c3","#33f","#939","#c00","#fd3","#99f","#e51","#e44","#7f7","#e8f","#862","#bbb","#992","#bbf","#405","#foa","#000"];
var img=["num7.png","gold.png","rickastley.png","google.png","cherry.png"];
var good="We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it And if you ask me how I'm feeling Don't tell me you're too blind to see Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give, never gonna give (Give you up) We've known each other for so long Your heart's been aching but you're too shy to say it Inside we both know what's been going on We know the game and we're gonna play it I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you ";
var c_r=[];
var c_g=[];
var c_b=[];
var click=false;
var rebirth=0;
var colors=[
// back text top hint btnstrt btnend
["#002244","#FFFFFF","#3388FF","#77CCFF","#0055CC","#44AAFF"], //blue
["#000000","#FFFFFF","#444444","#333333","#222222","#777777"], //dark
["#CCCCCC","#000000","#FFFFFF","#EEEEEE","#AAAAAA","#555555"], //light
["#004422","#FFFFFF","#338844","#449922","#008833","#006622"], //green
["#AAAA22","#FFFFFF","#CCCC00","#DDBB00","#AA8800","#AAAA00"], //yellow
["#660000","#FFFFFF","#DD0000","#FF7777","#990000","#660000"], //red
["#220044","#FFFFFF","#550099","#9911AA","#9900CC","#550088"] //purple
];
//////////////////////////////////////////////////////////////////////////////////////////////FUNCTIONS
function swaptheme(t){
document.getElementById("body").style.backgroundColor=colors[t][0];
document.getElementById("body").style.color=colors[t][1];
document.getElementById("div").style.backgroundColor=colors[t][2];
document.getElementById("hi_div").style.backgroundColor=colors[t][3];
document.getElementById("btnstart").innerText="button{font-family:monospace;position:absolute;transition-duration:0.4s;border:none;background-color:"+colors[t][4]+";width:100px;height:40px;color:"+colors[3][1]+";border-radius:12px;}";
document.getElementById("btnend").innerText="button:hover{background-color:"+colors[t][5]+";}";
}
function randint(m,n){
if(m>n){
var p=m;
m=n;
n=p;
}
n++;
return Math.floor(Math.random()*(n-m))+m;
};
function complex2(comp){
return [comp[0]**2-comp[1]**2,2*comp[0]*comp[1]];
}
function complexadd(comp1,comp2){
return [comp1[0]+comp2[0],comp1[1]+comp2[1]]
}
function hexp(c) {
var hex=c.toString(16);
if(hex.length==1){
return "0"+hex;
}else{
return hex;
}
}
function rgb2hex(r,g,b) {
return "#"+hexp(r)+hexp(g)+hexp(b);
}
for(var iter=0;iter<256;iter++){
c_r.push((iter*5)%256);
c_g.push((iter*6)%256);
c_b.push((iter*7)%256);
}
function mandel(){
if(zoom>200000000000000){
zoom=200000000000000;
}
if(zoom<0.25){
zoom=0.25;
}
var canvas=document.getElementById("ma_canvas")
var ctx=canvas.getContext("2d");
for(var x=0;x<512;x+=2){
for(var y=0;y<512;y+=2){
var xpos=((x+shiftX)-256)/(128*zoom)+(shiftX*zoom/(128*zoom));
var ypos=(256-(y+shiftY))/(128*zoom)-(shiftY*zoom/(128*zoom));
if(x==256 && y==256){
var centerX=xpos;
var centerY=ypos;
}
var z=[0,0];
var c=[xpos,ypos]
for(var iter=0;iter<256;iter++){
z=complexadd(complex2(z),c);
if(iter==255){
ctx.fillStyle="#000000";
break;
}
if(Math.sqrt(z[0]**2+z[1]**2)>=2){
ctx.fillStyle=rgb2hex(c_r[iter],c_g[iter],c_b[iter]);
break;
}
}
ctx.fillRect(x,y,2,2);
}
}
document.getElementById("ma_x").innerHTML="X:"+(centerX).toString();
document.getElementById("ma_y").innerHTML="Y:"+(centerY).toString();
document.getElementById("ma_z").innerHTML="Zoom:"+(zoom).toString();
}
function save(){
var m_save=m.toString();
var m_savel=m_save.length;
for(var iter=0;iter<7-m_savel;iter++){
m_save="0"+m_save;
}
var g_save=g.toString();
var g_savel=g_save.length;
for(var iter=0;iter<7-g_savel;iter++){
g_save="0"+g_save;
}
var m_hash=0;
var g_hash=0;
for(var iter=0;iter<7;iter++){
m_hash+=parseInt(m_save.charAt(iter));
g_hash+=parseInt(g_save.charAt(iter));
}
m_hash=m_hash.toString();
g_hash=g_hash.toString();
if(parseInt(m_hash)<10){m_hash="0"+m_hash;}
if(parseInt(g_hash)<10){g_hash="0"+g_hash;}
var inv="";
for(var iter1=0;iter1<18;iter1++){
for(var iter2=0;iter2<10;iter2++){
inv+=char_exists[iter1][iter2];
}
}
document.getElementById("sa_code").innerHTML=m_save+g_save+m_hash+g_hash+rebirth+inv;
localStorage.setItem("savecode",document.getElementById("sa_code").innerHTML);
}
function load(code){
var m_save="";
var g_save="";
for(var iter=0;iter<7;iter++){
m_save+=code.charAt(iter);
}
for(var iter=7;iter<14;iter++){
g_save+=code.charAt(iter);
}
var m_hash=code.charAt(14)+code.charAt(15);
var g_hash=code.charAt(16)+code.charAt(17);
var m_ahash=0;
var g_ahash=0;
for(var iter=0;iter<7;iter++){
m_ahash+=parseInt(m_save.charAt(iter));
g_ahash+=parseInt(g_save.charAt(iter));
}
m_ahash=m_ahash.toString();
g_ahash=g_ahash.toString();
if(parseInt(m_ahash)<10){
m_ahash="0"+m_ahash;
}
if(parseInt(g_ahash)<10){
g_ahash="0"+g_ahash;
}
if((m_hash==m_ahash)&&(g_hash==g_ahash)){
document.getElementById("sa_text").innerHTML="Success";
m=parseInt(m_save);
g=parseInt(g_save);
char_exists=[
[0,0,0,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0]
];
if(code.length>=199){
rebirth=code.charAt(18);
for(var iter=19;iter<199;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-19)/10)][(iter-19)%10]=1;
char_rarity=Math.floor((iter-19)/10);
char_num=(iter-19)%10;
}else{
char_exists[Math.floor((iter-19)/10)][(iter-19)%10]=0;
}
}
}else if(code.length<88){
for(var iter=18;iter<78;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/10)][(iter-18)%10]=1;
char_rarity=Math.floor((iter-18)/10);
char_num=(iter-18)%10;
}else{
char_exists[Math.floor((iter-18)/10)][(iter-18)%10]=0;
}
}
}else if(code.length==68){
for(var iter=18;iter<58;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/10)][(iter-18)%10]=1;
char_rarity=Math.floor((iter-18)/10);
char_num=(iter-18)%10;
}else{
char_exists[Math.floor((iter-18)/10)][(iter-18)%10]=0;
}
}
for(var iter=58;iter<68;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/10)+1][(iter-18)%10]=1;
char_rarity=Math.floor((iter-18)/10)+1;
char_num=(iter-18)%10;
}else{
char_exists[Math.floor((iter-18)/10)+1][(iter-18)%10]=0;
}
}
}else if(code.length==58){
for(var iter=18;iter<28;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/10)][(iter-18)%10]=1;
char_rarity=Math.floor((iter-18)/10);
char_num=(iter-18)%10;
}else{
char_exists[Math.floor((iter-18)/10)][(iter-18)%10]=0;
}
}
for(var iter=28;iter<48;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/10)+1][(iter-18)%10]=1;
char_rarity=Math.floor((iter-18)/10)+1;
char_num=(iter-18)%10;
}else{
char_exists[Math.floor((iter-18)/10)+1][(iter-18)%10]=0;
}
}
for(var iter=48;iter<58;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/10)+2][(iter-18)%10]=1;
char_rarity=Math.floor((iter-18)/10)+2;
char_num=(iter-18)%10;
}else{
char_exists[Math.floor((iter-18)/10)+2][(iter-18)%10]=0;
}
}
}else if(code.length<=38){
for(var iter=18;iter<23;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/5)][(iter-18)%5]=1;
char_rarity=Math.floor((iter-18)/5);
char_num=(iter-18)%5;
}else{
char_exists[Math.floor((iter-18)/5)][(iter-18)%5]=0;
}
}
for(var iter=23;iter<33;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/5)+1][(iter-18)%5]=1;
char_rarity=Math.floor((iter-18)/5)+1;
char_num=(iter-18)%5;
}else{
char_exists[Math.floor((iter-18)/5)+1][(iter-18)%5]=0;
}
}
for(var iter=33;iter<38;iter++){
if(code.charAt(iter)=="1"){
char_exists[Math.floor((iter-18)/5)+2][(iter-18)%5]=1;
char_rarity=Math.floor((iter-18)/5)+2;
char_num=(iter-18)%5;
}else{
char_exists[Math.floor((iter-18)/5)+2][(iter-18)%5]=0;
}
}
}
if(code.length<=68){
document.getElementById("sa_text").innerHTML="Success, old save code detected. For future use, please use the save code above, as it is 78 digits long and is the most compatible.";
}
}else{
document.getElementById("sa_text").innerHTML="Invalid save code. Make sure all numbers are correct, or save feature may be temporarily down.";
}
}
for(var iter=0;iter<180;iter++){
document.getElementById(iter).style.backgroundColor=rankcolor[Math.floor(iter/10)];
}
swaptheme(0);
var width=(window.innerWidth>0)?window.innerWidth:screen.width;
if(width<700){
document.getElementById("in").style.top="50%";
document.getElementById("th").style.top="50%";
document.getElementById("re").style.top="50%";
document.getElementById("ma").style.top="50%";
}
//////////////////////////////////////////////////////////////////////////////////////////////INIT ELEMENTS
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="block";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Click or tap on a button!";
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-TITLE
document.getElementById("ti_new").onclick=function(){
localStorage.setItem("savecode","000010000000000100000100000000000000000000000000000000000000000000000000000000");
document.getElementById("ti_div").style.display="none";
};
document.getElementById("ti_cont").onclick=function(){
load(localStorage.getItem("savecode"));
document.getElementById("ti_div").style.display="none";
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-RICKROLL TYPER
document.getElementById("rt").onclick=function(){
p=0;
document.getElementById("rt_div").style.display="block";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Type or tap the screen!";
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-ABOUT
document.getElementById("ab").onclick=function(){
p=1;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="block";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Click or tap on a button!";
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-SLOTS
document.getElementById("sl").onclick=function(){
p=2;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="block";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
document.getElementById("hi_text").innerHTML="Press spin and earn (or lose) money!";
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-BATTLE
document.getElementById("ba").onclick=function(){
p=3;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="block";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Battle to the death!";
document.getElementById("ba_pchar").src=char_img[char_rarity][char_num];
char_erarity=randint(0,5);
char_enum=randint(0,9);
char_php=char_hp[char_rarity][char_num];
char_ehp=char_hp[char_erarity][char_enum];
document.getElementById("ba_echar").src=char_img[char_erarity][char_enum];
document.getElementById("ba_ptext").innerHTML=char_name[char_rarity][char_num]+"-"+char_php+"HP";
document.getElementById("ba_etext").innerHTML=char_name[char_erarity][char_enum]+"-"+char_ehp+"HP";
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-SAVE/LOAD
document.getElementById("sa").onclick=function(){
p=4;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="block";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Copy the code and save it, or paste a code to load data";
save();
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-INVENTORY
document.getElementById("in").onclick=function(){
p=5;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="block";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Click on a character to equip it";
for(var iter1=0;iter1<18;iter1++){
for(var iter2=0;iter2<10;iter2++){
if(char_exists[iter1][iter2]==0||rebirth*3+6<=iter1){
document.getElementById((iter1*10+iter2).toString()).style.visibility="hidden";
}else{
document.getElementById((iter1*10+iter2).toString()).style.visibility="visible";
}
document.getElementById("i"+(iter1*10+iter2).toString()).src=char_img[iter1][iter2];
document.getElementById((iter1*10+iter2).toString()).style.position="absolute";
document.getElementById((iter1*10+iter2).toString()).style.top=(iter1*100+200).toString()+"px";
document.getElementById((iter1*10+iter2).toString()).style.left=(iter2*100).toString()+"px";
}
}
document.getElementById("in_text").innerHTML=char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+": #"+(char_rarity*10+char_num+1).toString()+" hp: "+(char_hp[char_rarity][char_num]).toString()+" range: "+(char_min[char_rarity][char_num]).toString()+"-"+(char_max[char_rarity][char_num]).toString()+" attack: "+char_attack[char_rarity][char_num];
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-MANDELBROT
document.getElementById("ma").onclick=function(){
p=6;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="block";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Explore the mandelbrot set by scrolling and dragging";
shiftX=0;
shiftY=0;
zoom=1;
mandel();
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-THEMES
document.getElementById("th").onclick=function(){
p=7;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="block";
document.getElementById("re_div").style.display="none";
document.getElementById("hi_text").innerHTML="Click a theme to use it.";
}
//////////////////////////////////////////////////////////////////////////////////////////////BUTTONS-MINESWEEPER
document.getElementById("re").onclick=function(){
p=8;
document.getElementById("rt_div").style.display="none";
document.getElementById("ab_div").style.display="none";
document.getElementById("sl_div").style.display="none";
document.getElementById("ba_div").style.display="none";
document.getElementById("sa_div").style.display="none";
document.getElementById("in_div").style.display="none";
document.getElementById("ma_div").style.display="none";
document.getElementById("th_div").style.display="none";
document.getElementById("re_div").style.display="block";
document.getElementById("hi_text").innerHTML="Rebirth to reset progress, but have a bonus.";
}
//////////////////////////////////////////////////////////////////////////////////////////////MANDELBROT-CLICKS
document.getElementById("ma_canvas").onmousedown=function(){
click=true;
}
document.getElementById("ma_canvas").onmouseup=function(){
click=false;
}
document.getElementById("ma_zoomin").onclick=function(){
zoom*=2;
mandel();
}
document.getElementById("ma_zoomout").onclick=function(){
zoom/=2;
mandel();
}
document.getElementById("ma_canvas").onmousewheel=function(event){
if(Math.sign(event.deltaY)==-1){
zoom*=1.2;
}else{
zoom/=1.2;
}
mandel();
}
document.getElementById("ma_canvas").onmousemove=function(event){
if(click){
mouseX=event.clientX;
mouseY=event.clientY;
shiftX+=(256-mouseX)/(16*(zoom/2));
shiftY+=(356-mouseY)/(16*(zoom/2));
mandel();
}
}
//////////////////////////////////////////////////////////////////////////////////////////////GLOBAL EVENT-RICKROLL TYPER
document.onkeypress=function(){
if(p==0){
document.getElementById("rt_text").innerHTML+=good.charAt(i%good.length);
i+=1;
}
};
//////////////////////////////////////////////////////////////////////////////////////////////RICKROLL TYPER-MOBILE CLICK
document.getElementById("rt_mobile").onclick=function(){
for(var iter=0;iter<5;iter++){
document.getElementById("rt_text").innerHTML+=good.charAt(i%good.length);
i+=1;
}
};
//////////////////////////////////////////////////////////////////////////////////////////////SLOTS-SPIN
document.getElementById("sl_spin").onclick=function(){
if(p==2){
m-=30;
var img1=img[randint(0,4)];
var img2=img[randint(0,4)];
var img3=img[randint(0,4)];
document.getElementById("sl_1").src=img1;
document.getElementById("sl_2").src=img2;
document.getElementById("sl_3").src=img3;
if(img1==img2 && img2==img3 && img3==img1){
m+=55;
g+=2;
}else if(img1==img2 || img2==img3 || img3==img1){
m+=35;
g+=1;
}
if(m>0){
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
}else{
document.getElementById("sl_text").innerHTML="You lose";
m=100;
g=0;
}
}
save();
};
//////////////////////////////////////////////////////////////////////////////////////////////SLOTS-BUY
document.getElementById("sl_b1").onclick=function(){
if(g>1){
g-=2;
m+=100;
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
save();
}
};
document.getElementById("sl_b2").onclick=function(){
if(g>2){
g-=3;
m+=175;
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
save();
}
};
document.getElementById("sl_b3").onclick=function(){
if(m>99){
m-=100;
g+=2;
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
save();
}
};
document.getElementById("sl_b4").onclick=function(){
if(m>174){
m-=175;
g+=3;
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
save();
}
};
document.getElementById("sl_b5").onclick=function(){
if(g>4){
g-=5;
for(var iter=0;iter<100;iter++){
var img=document.createElement("img");
document.getElementById('body').appendChild(img);
img.src="rickastley.png";
img.width="100";
img.height="100";
var rand1=randint(0,100);
var rand2=randint(0,100);
img.style.position="absolute"
img.style.top=rand1.toString()+"%";
img.style.left=rand2.toString()+"%";
img.style.opacity="0.5";
img.style.zIndex="-1";
}
document.getElementById("sl_text").innerHTML="$"+m.toString()+" Gems:"+g.toString();
window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ");
save();
}
};
//////////////////////////////////////////////////////////////////////////////////////////////SLOTS-CHARS
document.getElementById("sl_b6").onclick=function(){
if(g>11){
g-=12;
var rand=randint(0,100);
if(rand<55){
char_rarity=0;
}else if(rand<74){
char_rarity=1;
}else if(rand<84){
char_rarity=2;
}else if(rand<92){
char_rarity=3;
}else if(rand<98){
char_rarity=4;
}else{
char_rarity=5;
}
char_num=randint(0,9);
if(char_exists[char_rarity][char_num]==1){
switch(char_rarity){
case 0:
g+=8;
break;
case 1:
g+=9;
break;
case 2:
g+=13;
break;
case 3:
g+=20;
break;
case 4:
g+=32;
break;
case 5:
g+=40;
break;
}
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+" again";
}else{
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity];
char_exists[char_rarity][char_num]=1;
}
}
save();
};
document.getElementById("sl_b7").onclick=function(){
if(g>17){
g-=18;
var rand=randint(0,100);
if(rand<16){
char_rarity=0;
}else if(rand<66){
char_rarity=1;
}else if(rand<81){
char_rarity=2;
}else if(rand<91){
char_rarity=3;
}else if(rand<97){
char_rarity=4;
}else{
char_rarity=5;
}
char_num=randint(0,9);
if(char_exists[char_rarity][char_num]==1){
switch(char_rarity){
case 0:
g+=17;
break;
case 1:
g+=10;
break;
case 2:
g+=17;
break;
case 3:
g+=25;
break;
case 4:
g+=34;
break;
case 5:
g+=42;
break;
}
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+" again";
}else{
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity];
char_exists[char_rarity][char_num]=1;
}
}
save();
};
document.getElementById("sl_b8").onclick=function(){
if(g>24){
g-=25;
var rand=randint(0,100);
if(rand<13){
char_rarity=0;
}else if(rand<31){
char_rarity=1;
}else if(rand<76){
char_rarity=2;
}else if(rand<88){
char_rarity=3;
}else if(rand<95){
char_rarity=4;
}else{
char_rarity=5;
}
char_num=randint(0,9);
if(char_exists[char_rarity][char_num]==1){
switch(char_rarity){
case 0:
g+=25;
break;
case 1:
g+=23;
break;
case 2:
g+=19;
break;
case 3:
g+=22;
break;
case 4:
g+=32;
break;
case 5:
g+=41;
break;
}
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+" again";
}else{
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity];
char_exists[char_rarity][char_num]=1;
}
}
save();
};
document.getElementById("sl_b9").onclick=function(){
if(g>39){
g-=40;
var rand=randint(0,100);
if(rand<12){
char_rarity=0;
}else if(rand<26){
char_rarity=1;
}else if(rand<43){
char_rarity=2;
}else if(rand<83){
char_rarity=3;
}else if(rand<92){
char_rarity=4;
}else{
char_rarity=5;
}
char_num=randint(0,9);
if(char_exists[char_rarity][char_num]==1){
switch(char_rarity){
case 0:
g+=46;
break;
case 1:
g+=42;
break;
case 2:
g+=40;
break;
case 3:
g+=37;
break;
case 4:
g+=41;
break;
case 5:
g+=45;
break;
}
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+" again";
}else{
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity];
char_exists[char_rarity][char_num]=1;
}
}
save();
};
document.getElementById("sl_b10").onclick=function(){
if(g>54){
g-=55;
var rand=randint(0,100);
if(rand<10){
char_rarity=0;
}else if(rand<22){
char_rarity=1;
}else if(rand<36){
char_rarity=2;
}else if(rand<55){
char_rarity=3;
}else if(rand<90){
char_rarity=4;
}else{
char_rarity=5;
}
char_num=randint(0,9);
if(char_exists[char_rarity][char_num]==1){
switch(char_rarity){
case 0:
g+=60;
break;
case 1:
g+=58;
break;
case 2:
g+=56;
break;
case 3:
g+=55;
break;
case 4:
g+=50;
break;
case 5:
g+=56;
break;
}
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+" again";
}else{
document.getElementById("sl_text").innerHTML="You got: "+char_name[char_rarity][char_num]+"-"+ranks[char_rarity];
char_exists[char_rarity][char_num]=1;
}
}
save();
};
//////////////////////////////////////////////////////////////////////////////////////////////BATTLE-NEXT
document.getElementById("ba_next").onclick=function(){
if(turn==0){
char_ehp-=randint(char_min[char_rarity][char_num],char_max[char_rarity][char_num])
document.getElementById("ba_ptext").innerHTML=char_name[char_rarity][char_num]+"-"+char_php+"HP used "+char_attack[char_rarity][char_num];
document.getElementById("ba_etext").innerHTML=char_name[char_erarity][char_enum]+"-"+char_ehp+"HP";
if(char_ehp<=0){
document.getElementById("ba_ptext").innerHTML="You win!";
var gain_m=Math.floor((char_erarity+2)/2*randint(100,300));
m+=gain_m;
var gain_g=Math.floor((char_erarity+2)/2*randint(8,18));
g+=gain_g;
document.getElementById("ba_etext").innerHTML="$"+(gain_m.toString())+","+(gain_g.toString())+" gems";
turn=100;
}
turn++;
}else if(turn==1){
char_php-=randint(char_min[char_erarity][char_enum],char_max[char_erarity][char_enum])
document.getElementById("ba_etext").innerHTML=char_name[char_erarity][char_enum]+"-"+char_ehp+"HP used "+char_attack[char_erarity][char_enum];
document.getElementById("ba_ptext").innerHTML=char_name[char_rarity][char_num]+"-"+char_php+"HP";
if(char_php<=0){
document.getElementById("ba_ptext").innerHTML="You lose...";
turn=100;
}
turn--;
}else{
char_erarity=randint(0,5);
char_enum=randint(0,9);
char_php=char_hp[char_rarity][char_num];
char_ehp=char_hp[char_erarity][char_enum];
document.getElementById("ba_echar").src=char_img[char_erarity][char_enum];
document.getElementById("ba_ptext").innerHTML=char_name[char_rarity][char_num]+"-"+char_php+"HP";
document.getElementById("ba_etext").innerHTML=char_name[char_erarity][char_enum]+"-"+char_ehp+"HP";
turn=0;
}
save();
};
//////////////////////////////////////////////////////////////////////////////////////////////SAVE/LOAD-LOAD
document.getElementById("sa_loadb").onclick=function(){
load(document.getElementById("sa_loadt").value);
save();
};
//////////////////////////////////////////////////////////////////////////////////////////////INVENTORY-EQUIP
for(var iter=0;iter<180;iter++){
document.getElementById(iter).onclick=function(){
char_rarity=Math.floor(this.id/10);
char_num=this.id%10;
document.getElementById("in_text").innerHTML=char_name[char_rarity][char_num]+"-"+ranks[char_rarity]+": #"+(parseInt(this.id)+1).toString()+" hp: "+(char_hp[char_rarity][char_num]).toString()+" range: "+(char_min[char_rarity][char_num]).toString()+"-"+(char_max[char_rarity][char_num]).toString()+" attack: "+char_attack[char_rarity][char_num];
};
};
//////////////////////////////////////////////////////////////////////////////////////////////THEMES-CLICKS
document.getElementById("th_1").onclick=function(){
swaptheme(0);
}
document.getElementById("th_2").onclick=function(){
swaptheme(1);
}
document.getElementById("th_3").onclick=function(){
swaptheme(2);
}
document.getElementById("th_4").onclick=function(){
swaptheme(3);
}
document.getElementById("th_5").onclick=function(){
swaptheme(4);
}
document.getElementById("th_6").onclick=function(){
swaptheme(5);
}
document.getElementById("th_7").onclick=function(){
swaptheme(6);
}
</script>
</body></html>