Jump to content
Sign in to follow this  
FemtoBadianCanadian

Nadanie odpowiedniej wartości globalnej zmiennej. Gra przeglądarkowa

Recommended Posts

Witam!

Mam problem z nadaniem odpowiedniej wartości w mojej grze(mechanice mojej gry). Są trzy niby budynki: dom, bank, sklep, dom zbiera 15 monet a po kliknięciu na guzik "Zapłać dla pisowców"(przykładowa nazwa) wpłaca do banku tę monety(Może też wpłacić mniej monet), sklep ma w sobie jeszcze jeden domek do kupienia, który kosztuje 19 monet. Gdy klikam na div zawierający ten napis powinno mi odjąć od monet w banku cenę domku. Oczywiście nie działa.

 

A to kod html:

Spoiler

<!DOCTYPE HTLM>
<html lang="pl">
<head>
	<link rel="shortcut icon" href="../img/ikona.jpg"/>
	<title>Empires Of World - gra</title>
	<meta charset="utf-8"/>
	<meta name="author" content="Huza Bartłomiej"/>
	<meta name="Description" content="Gra dla dzieci stworzone przez mnie. Ograniczenie wiekowe 3 lata. Gry logiczne, strategiczne, multiplayer"/>
	<meta name="Keywords" content="Gry, dzieci, 3lata, logika, logiczne, strategia, stategiczne, karcianka, multiplayer"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&amp;subset=latin-ext" rel="stylesheet"/>
	<link rel="stylesheet" href="../css/StyleGry.css"/>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
	<div id="TestUno">
		<div class="circle"  id="kolko">
			<span class="p">piniądze</span>
			<br/><br/>
		</div>
		<br/><br/>
		<input type="submit" value="Zapłać dla PISOWCÓW" onclick="sprnaliczanie()"/>
		<div class="prostokat" id="prostokat">pieniądze</div>
	</div>	
	<div id="TestDos">
		<div class="sklep" id="sklep">
		</div>
	</div>
	<div style="clear:both;"></div>
</body>
</html>

 

 

A to kod css:

Spoiler

body
{
	background-color:1a1a1a;
	color:#efefef;
	margin:0!important;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
}
.circle
{
	border:1px solid #fff;
	width:300px;
	height:300px;
	border-radius:100%;
	margin:30px;
	text-align:center;
}
.prostokat
{
	border:1px solid #fff;
	width:100px;
	height:100px;
	margin:30px;
}
.p:first-child
{
	color:1a1a1a;
}
#TestUno
{
	float:left;
}
#TestDos
{
	float:left;
}
.sklep
{
	border:1px solid #cdcdcd;
	width:600px;
	height:349px;
	margin:100px;
}
.cena 
{
	display:block;
}
.cena:hover
{
	cursor:pointer;
}
code:hover
{
	cursor:pointer;
}

 

 

A to kod JS:

Spoiler

var p1 = 0; //Do naliczania opłat
var p2 = 0; //Do dodawanoa opłat w banku
var x1 = 15;
var timer;
//Początek skryptu domków
function naliczanie()
{
	document.getElementById("kolko").innerHTML = p1;
	document.getElementById("prostokat").innerHTML = p2 + "<br/>BANK ZUS";
	timer = setTimeout("naliczanie()", 3000);
	p1 = p1 - 1 + 2;
	if(p1 == x1)
	{
		p1 = p1 + 0;
		clearTimeout(timer);
	}
	document.getElementById("kolko").innerHTML = p1;
}
function sprnaliczanie()
{
	clearTimeout(timer);
	p2 = p2 + p1;
	document.getElementById("prostokat").innerHTML = p2 + "<br/>BANK ZUS";
	p1 = p1 - (p1 + 1);
	naliczanie();
}
//Koniec skryptu domków
//Początek skryptu sklepu
var numerd = 0;//Numer diva o id dom
var cena = 19;//podstawowa cena
var NB = new Array(5);
NB[0] = "Dom z skóry";
NB[1] = "Dom na pałach";
NB[2] = "Dom z drewna";
NB[3] = "Dom z drewna i gliny";
NB[4] = "Teatr";
var dom = '<div class="cena" id=\"dom"'+numerd+'\" onclick="placenie()">'+cena+'<br/><code>'+NB[0]+'</code></div><hr color="white" width="598px">';//źle okodowana zmienna oraz tablicą zajme się po zrobieniu skryptu plaenia
window.onload = pokazywanie;
function pokazywanie()
{
	licznik2 = setTimeout("pokazywanie()", 200);
	while(numerd < 6)
	{
		numerd = numerd +1;
	}
	for(i = 5; NB[i] < i; i++)
	{
		NB[i] = NB[i] + 1;
	}
	for(i = 95; i >= cena; i++)
	{
		cena = cena  + 19;
	}
	document.getElementById("sklep").innerHTML = dom;	
	clearTimeout(licznik2);
	naliczanie();
}
function placenie()
{
	clearTimeout(timer);
	p1 = p1 + -1;
	var cena2 = document.getElementById("prostokat").value;//Tutaj mam blad z liczbą
	if(cena <= cena2)
	{
		cena2 = cena2 - cena;
	}
	else
	{
		cena2 = cena2 + 0;
	}
	document.getElementById("prostokat").innerHTML = cena2 + "<br/>BANK ZUS";
	naliczanie();
}

 

 

Czekam na podpowiedzi z góry dziękuję! ☺️ 

Share this post


Link to post

#Nie jest to odpowiedź

Dodaję kod do codepena żeby łatwiej chętnym pomocy było https://codepen.io/anon/pen/LyjLdJ

 

  • Like 2

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...