HTML

<html>

<head>

<title>awesome clicker game!!!</title>

<style>

#clickerthing{

display:block;

position:absolute;

width:100px;

height:100px;

top:0;

background-color:blue;

left:400px;

cursor:pointer;

top:40px;

border-radius:15px;

border:groove;

z-index:99999999999999999;

}

#slave{

position:relative;

display:block;

width:100px;

height:100px;

background-color:pink;

font-size:18;

cursor:pointer;

border-radius:15px;

border:groove;

color:white;

}

#cat-slave{

position:relative;

color: white;

display:block;

width:100px;

height:100px;

background-color:red;

font-size:18;

cursor:pointer;

border-radius:15px;

border:groove;

}

#scorething{

text-align:center;

display:block;

width:120px;

height:40px;

background-color:orange;

top:10px;

border-radius:10px;

border:groove;

}

#clickps{

text-align:center;

display:block;

width:120px;

height:40px;

background-color:yellow;

top:10px;

border-radius:10px;

border:groove;

}

#minionholder{

width:660px;

height:300px;

top:10px;

position:absolute;

left:160px;

border:groove;

border-radius:15px;

background-image: url("http://www.minecraft101.net/guides/images/sugar-cane/sugar-cane-growth.jpg");

}

</style>

</head>

</div>

<div style="position:absolute;top:40px;width:100px;text-align:center">slave</div>

</div>

<div style="position:absolute;top:40px;width:100px;text-align:center">cat-slave</div>

</div>

var minionholder = document.getElementById('minionholder');

var minion = document.createElement('div');

var miniontooltip = document.createElement('div');

var clickerthing = document.getElementById('clickerthing');

miniontooltip.style = "padding: 5px; background-color: #000; position: absolute; color: #fff; user-select: none; z-index: 99999999999; border-radius: 10px;";

function randomposition(e){

e.offsetBottom = e.offsetTop + e.offsetHeight;

e.offsetRight = e.offsetLeft + e.offsetWidth;

clickerthing.offsetBottom = clickerthing.offsetTop + clickerthing.offsetHeight;

clickerthing.offsetRight = clickerthing.offsetLeft + clickerthing.offsetWidth;

var x = minionholder.offsetHeight-e.clientHeight;

var y = minionholder.offsetWidth-e.clientWidth;

var randomx = Math.floor(Math.random()*x);

var randomy = Math.floor(Math.random()*y);

if(!((e.offsetBottom < clickerthing.offsetTop) ||(e.offsetTop > clickerthing.offsetBottom) ||(e.offsetRight < clickerthing.offsetLeft) ||(e.offsetLeft > clickerthing.offsetRight))){

randomx = Math.floor(Math.random()*x);

randomy = Math.floor(Math.random()*y);

return [randomx,randomy]

} else{

return [randomx,randomy]

}

var scorething = document.getElementById('scorething');

var catslave = document.getElementById('cat-slave');

var slave = document.getElementById('slave');

var slaveness = document.getElementById('slavecount');

var clickps = document.getElementById('clickps');

clickps.textContent = 0;

var slavecount = 0;

var slavemoney = document.getElementById('slavecost');

var catslavemoney = document.getElementById('catslavecost');

var slavecost = 20;

slavemoney.textContent = slavecost;

var catcount = 0;

var catslavecount = document.getElementById('catslavecount');

scorething.textContent = 0;

var score = parseInt(scorething.textContent);

var cps = parseInt(clickps.textContent);

var bigger = 1.1;

clickerthing.addEventListener("click",function(){

scorething.textContent=Math.round(score++);

});

slave.addEventListener("click",function(){

if(score > slavecost){

score = score-slavecost;

slavecost = slavecost*bigger;

cps = cps + .2;

slavemoney.textContent = Math.round(slavecost);

scorething.textContent = Math.round(score);

clickps.textContent = Math.round(cps * 10) / 10;

slavecount++;

slaveness.textContent = slavecount;

var xy = randomposition(minion);

if(slavecost <= 20){

minion.setAttribute("style","position:absolute;height:30px;width:30px;display:block;background-color:pink;border-radius:10px;border:groove;cursor:pointer;");

minion.style.top = xy[0] + 'px';

minion.style.left = xy[1] + 'px';

minionholder.appendChild(minion1);

} else{

var duplicate1 = minion.cloneNode(true);

duplicate1.setAttribute("style","position:absolute;height:30px;width:30px;display:block;background-color:pink;border-radius:10px;border:groove;cursor:pointer;");

duplicate1.style.top = xy[0] + 'px';

duplicate1.style.left = xy[1] + 'px';

minionholder.appendChild(duplicate1);

}

setInterval(function($){ document.getElementById('clickerthing').click('click'); },5000);

}else{

alert('you do not have enough money!');

};

});

catslavecost = 400;

catslavemoney.textContent = catslavecost;

catslave.addEventListener("click",function(){

if(score > catslavecost){

score = score-catslavecost;

catslavecost = catslavecost*bigger;

cps = cps+2;

catslavemoney.textContent = Math.round(catslavecost);

scorething.textContent = Math.round(score);

clickps.textContent = Math.round(cps * 10) / 10;

catcount++;

catslavecount.textContent = catcount;

var xy = randomposition(minion);

if(catslavecost <= 400){

minion.setAttribute("style","position:absolute;height:30px;width:30px;display:block;background-color:red;border-radius:10px;border:groove;cursor:pointer;");

minion.style.top = xy[0]+'px';

minion.style.left = xy[1]+'px';

minionholder.appendChild(minion);

}else{

var duplicate1 = minion.cloneNode(true);

duplicate1.setAttribute("style","position:absolute;height:30px;width:30px;display:block;background-color:red;border-radius:10px;border:groove;cursor:pointer;");

duplicate1.style.top = xy[0] + 'px';

duplicate1.style.left = xy[1] + 'px';

minionholder.appendChild(duplicate1);

}

setInterval(function($){ document.getElementById('clickerthing').click('click'); },500);

}else{

alert('you do not have enough money!');

};

});

</script>

</body>

</html>

Google Sites

Report abuse