Untitled

<html>
<head>
<meta charset="utf-16">
</head>
<body>
Points:
<div id="counter">0</div>
<script>
var points = 0;
var perClick = 1

function clickCookie() {
	points += perClick;
	document.getElementById("counter").innerHTML=points;
	if (points > 99) {
		document.getElementById("but1").style.display = "";
	}
	if (points > 999) {
		document.getElementById("but2").style.display = "";
	}
	if (points > 999999) {
		document.getElementById("but3").style.display = "";
	}
}

function clickBut1() {
	perClick += 1;
	points -= 100;
	document.getElementById("counter").innerHTML=points;
	if (points < 100) {
		document.getElementById("but1").style.display = "none";
	}
	if (points < 1000) {
		document.getElementById("but2").style.display = "none";
	}
	if (points < 1000000) {
		document.getElementById("but3").style.display = "none";
	}
}

function clickBut2() {
	perClick *= 2;
	points -= 1000;
	document.getElementById("counter").innerHTML=points;
	if (points < 100) {
		document.getElementById("but1").style.display = "none";
	}
	if (points < 1000) {
		document.getElementById("but2").style.display = "none";
	}
	if (points < 1000000) {
		document.getElementById("but3").style.display = "none";
	}
}

function clickBut3() {
	perClick *= 10;
	points -= 1000000;
	document.getElementById("counter").innerHTML=points;
	if (points < 100) {
		document.getElementById("but1").style.display = "none";
	}
	if (points < 600) {
		document.getElementById("but2").style.display = "none";
	}
	if (points < 1000000) {
		document.getElementById("but3").style.display = "none";
	}
}
</script>
<img src="need.png" onClick="clickCookie();" alt= "надо"/>
</br>
<div id = "but1" style="display:none"><button onClick="clickBut1();">(+1), 100pts</button></div>
<div id = "but2" style="display:none"><button onClick="clickBut2();">(x2), 1000pts</button></div>
<div id = "but3" style="display:none"><button onClick="clickBut3();">(x10), 1000000pts</button></div>
</body>
</html>