Проблема с кодом
Всем привет! Есть небольшой код, в нем имеется ошибка, выявить не могу (консоль молчит, значит ошибка не в синтаксисе). Нужна помощь!
Вот код:
var active = 0;
function osobenniy() {
$("#osoben").bind("click", function(){
$("#os").text("Верно");
active++;
});
}
function os() {
$("#os").bind("click", function(){
$("#os").text("Есть");
active++;
});
}
function oso() {
$("#oso").bind("click", function(){
$("#oso").text("Ага");
active++;
});
}
function osob() {
$("#osob").bind("click", function(){
$("#osob").text("+1");
active++;
});
}
function osobe() {
$("#osobe").bind("click", function(){
$("#osobe").text("Да");
active++;
});
}
function win() {
if(active == 5) alert("Поздравляю!");
}
Вот код HTML:
<!DOCTYPE html>
<html>
<head>
<title>Найди 5 кирпичей и устройся на работу грузчиком!</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="game.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1 align="center">Найди 5 кирпичей и устройся на работу грузчиком!</h1>
<div id="all">
<div class="red"></div>
<div class="yellow"></div>
<div class="red"></div>
<div class="green"></div>
<div class="red"></div>
<div class="green" style="margin-left: 100px; margin-top: -200px;"></div>
<div class="red" style="margin-left: 100px;"></div>
<div class="yellow" style="margin-left: 100px;"></div>
<div class="red" style="margin-left: 100px;"></div>
<div class="green" id="oso" style="margin-left: 100px;"></div>
<div class="red" style="margin-left: 200px; margin-top: -200px;"></div>
<div class="yellow" style="margin-left: 200px;"></div>
<div class="red" style="margin-left: 200px;"></div>
<div class="green" style="margin-left: 200px;"></div>
<div class="red" style="margin-left: 200px;"></div>
<div class="yellow" id="osob" style="margin-left: 300px; margin-top: -200px;"></div>
<div class="red" style="margin-left: 300px;"></div>
<div class="green" style="margin-left: 300px;"></div>
<div class="red" style="margin-left: 300px;"></div>
<div class="yellow" style="margin-left: 300px;"></div>
<div class="red" style="margin-left: 400px; margin-top: -200px;"></div>
<div class="green" style="margin-left: 400px;"></div>
<div class="red" style="margin-left: 400px;"></div>
<div class="yellow" style="margin-left: 400px;"></div>
<div class="red" style="margin-left: 400px;"></div>
<div class="green" style="margin-left: 500px; margin-top: -200px;"></div>
<div class="red" style="margin-left: 500px;"></div>
<div class="yellow" style="margin-left: 500px;"></div>
<div class="red" style="margin-left: 500px;"></div>
<div class="green" style="margin-left: 500px;"></div>
<div class="red" style="margin-left: 600px; margin-top: -200px;"></div>
<div class="yellow" style="margin-left: 600px;"></div>
<div class="red" id="os" style="margin-left: 600px;"></div>
<div class="green" style="margin-left: 600px;"></div>
<div class="red" style="margin-left: 600px;"></div>
<div class="yellow" style="margin-left: 700px; margin-top: -200px;"></div>
<div class="red" style="margin-left: 700px;"></div>
<div class="green" style="margin-left: 700px;"></div>
<div class="red" style="margin-left: 700px;"></div>
<div class="yellow" style="margin-left: 700px;"></div>
<div class="red" style="margin-left: 800px; margin-top: -200px;"></div>
<div class="green" id="osoben" style="margin-left: 800px;"></div>
<div class="red" style="margin-left: 800px;"></div>
<div class="yellow" style="margin-left: 800px;"></div>
<div class="red" style="margin-left: 800px;"></div>
<div class="green" style="margin-left: 900px; margin-top: -200px;"></div>
<div class="red" style="margin-left: 900px;"></div>
<div class="yellow" style="margin-left: 900px;"></div>
<div class="red" style="margin-left: 900px;"></div>
<div class="green" style="margin-left: 900px;"></div>
<div class="red" style="margin-left: 1000px; margin-top: -200px;"></div>
<div class="yellow" style="margin-left: 1000px;"></div>
<div class="red" style="margin-left: 1000px;"></div>
<div class="green" style="margin-left: 1000px;"></div>
<div class="red" style="margin-left: 1000px;"></div>
<div class="yellow" style="margin-left: 1100px; margin-top: -200px;"></div>
<div class="red" style="margin-left: 1100px;"></div>
<div class="green" style="margin-left: 1100px;"></div>
<div class="red" style="margin-left: 1100px;"></div>
<div class="yellow" style="margin-left: 1100px;"></div>
<div class="red" style="margin-left: 1200px; margin-top: -200px;"></div>
<div class="green" style="margin-left: 1200px;"></div>
<div class="red" style="margin-left: 1200px;"></div>
<div class="yellow" id="osobe" style="margin-left: 1200px;"></div>
<div class="red" style="margin-left: 1200px;"></div>
</div>
<br/>
<div id="zanovo">
<input type="button" align="center" name="zanovo" id="knopka" onclick="vernut()" value="Начать заново" />
</div>
</body>
</html>
|