Bem, ando a aprender html e javascript, então tentei fazer um pequeno jogo, para aprender mais e passar o tempo. Ainda sou iniciante, por isso o resultado pode ser um pouco óbvio, mas já tentei tudo o que sabia, já pesquisei, mas não encontrei nada. Então descobri este fórum (já conhecia a revista), e decidi escrever isto. O "jogo" é uma réplica (falhada, até agora) do famoso jogo online cookie clicker, onde temos de clicar numa bolacha para nos dar bolachas. com essas bolachas compramos upgrades, e etc. Eu consegui fazer os scripts para clicar e receber "dinheiro", até para comprar os upgrades, mas se comprar um upgrade e não tiver dinheiro suficiente, ficou com saldo negativo. Mas eu queria que se não tivesse dinheiro suficiente (o dinheiro são muffins, no jogo), pudesse até tentar comprar o upgrade mas não efetuava a compra. Aqui está o código (bem pequeno):
Código :
Obrigado pela atenção
Código :
<html>
<link rel="shortcut icon" href="animated_favicon1.gif"
<head>
<title>Muffin Clicker | Pre-Alpha 1.1.2</title>
</head>
<style>
#JS{
font-family:Valken;
font-size:72;
}
#CL{
font-family:Valken;
font size: 44;
float:right;
}
</style>
<body>
<CENTER>
<img onclick="addMuffins()" src="muffin-icon.png" />
<div id="JS">
</div>
<script type="text/javascript">
var muffins=0;
function addMuffins(){
muffins+=1
document.getElementById('JS').innerHTML="Muffins: " + muffins;
Math.min(1, 1)
}
document.getElementById('JS').innerHTML="Muffins: " + muffins;
</script>
<script>
function decrease(){
muffins--;
if (muffins < 0)
muffins = 0
document.getElementById('JS').innerHTML= +muffins;
</script>
<script>
function addMps(){
var clickers
muffins-=10
p = setInterval(addMuffins, 1500);
}
</script>
<script>
function addMps2(){
muffins-=100
p = setInterval(addMuffins, 700);
}
if (muffins > 1)
muffins = 1
</script>
<script>
function addMps3(){
muffins-=500
p = setInterval(addMuffins, 500);
}
</script>
<script type="text/javascript">
function decrease(){
muffins-;
if (muffins > 0)
muffins = 0
document.getElementById('JS').innerHTML= +muffins;
}
</script>
<button type="button" onclick="addMps()">Click to buy a clicker</button>
<button type="button" onclick="addMps2()">Click to buy a oven</button>
<button type="button" onclick="addMps3()">Click to buy a bakery</button>
<p>Link for <a href="UpdateList.html">Update List</a> </p>
<p>TASTY!</p>
</CENTER>
</body>
</html>
<link rel="shortcut icon" href="animated_favicon1.gif"
<head>
<title>Muffin Clicker | Pre-Alpha 1.1.2</title>
</head>
<style>
#JS{
font-family:Valken;
font-size:72;
}
#CL{
font-family:Valken;
font size: 44;
float:right;
}
</style>
<body>
<CENTER>
<img onclick="addMuffins()" src="muffin-icon.png" />
<div id="JS">
</div>
<script type="text/javascript">
var muffins=0;
function addMuffins(){
muffins+=1
document.getElementById('JS').innerHTML="Muffins: " + muffins;
Math.min(1, 1)
}
document.getElementById('JS').innerHTML="Muffins: " + muffins;
</script>
<script>
function decrease(){
muffins--;
if (muffins < 0)
muffins = 0
document.getElementById('JS').innerHTML= +muffins;
</script>
<script>
function addMps(){
var clickers
muffins-=10
p = setInterval(addMuffins, 1500);
}
</script>
<script>
function addMps2(){
muffins-=100
p = setInterval(addMuffins, 700);
}
if (muffins > 1)
muffins = 1
</script>
<script>
function addMps3(){
muffins-=500
p = setInterval(addMuffins, 500);
}
</script>
<script type="text/javascript">
function decrease(){
muffins-;
if (muffins > 0)
muffins = 0
document.getElementById('JS').innerHTML= +muffins;
}
</script>
<button type="button" onclick="addMps()">Click to buy a clicker</button>
<button type="button" onclick="addMps2()">Click to buy a oven</button>
<button type="button" onclick="addMps3()">Click to buy a bakery</button>
<p>Link for <a href="UpdateList.html">Update List</a> </p>
<p>TASTY!</p>
</CENTER>
</body>
</html>
Obrigado pela atenção
