mam problem. jestem początkujący w javascript, i pisałem program. W pewnym momencie pojawił mi się taki komunikat:
"Uncaught SyntaxError: Unexpected end of input"
wie ktoś może jak to naprawić?
mój kod to:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Tic Tac Toe</title>
<meta name="description" content="oglądnij filmy bez opłat !WCZESNY DOSTĘP!" />
<meta name= "keywords" content ="film, kino, najlepsze filmy, fajne filmy, filmy na nudę" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#container3
{
width: 1000px;
margin-left: auto;
margin-right: auto;
clear:both
}
#container2{
width: 1000px;
margin-left: auto;
margin-right: auto;
clear:both
}
#a1
{
width: 190px;
float: left
}
#a2{
width: 190px;
float: left
}
#a3{
width: 190px;
float: left
}
#a4{
width: 190px;
float:left
}
#a5{
width: 190px;
float:left
}
#a6{
width: 190px;
float:left
}
#a7{
width: 190px;
float:left
}
#a8{
width: 190px;
float:left
}
#a9{
width: 190px;
float:left
}
</style>
</head>
<body style="background-color:powderblue;">
<h1 id="kolej" style="color:green;"><strong>teraz kolej ></strong></h1>
<div id="container">
<div id="a1"><img src="PLANSZA1.png" id="b1"></div>
<div id="a2"><img src="PLANSZA2.png" id="b2"></div>
<div id="a3"><img src="PLANSZA5.png" id="b3"></div>
</div>
<div id="container2">
<div id="a4"><img src="PLANSZA3.png" id="b4"></div>
<div id="a5"><img src="PLANSZA4.png" id="b5"></div>
<div id="a6"><img src="PLANSZA6.png" id="b6"></div>
</div>
<div id="container3">
<div id="a7"><img src="PLANSZA7.png" id="b7"></div>
<div id="a8"><img src="PLANSZA8.png" id="b8"></div>
<div id="a9"><img src="PLANSZA9.png" id="b9"></div>
</div>
<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script>
var kolej ="O"
var pusty = 0
var liczba = 0
$("#b1").click(function(){
})
var liczba = 0
$("#b2").click(function(){
if(pusty === 0){
if (kolej === "X"){kolej = "O"}else{kolej = "X"}
}
pusty++;
if (kolej === "X"){
$("#b2").remove()
$("#a2").append('<img src="PLANSZA1O.png">');
}else{$("#b2").remove()
$("#a2").append('<img src="PLANSZA1X.png">');}
})
var liczba = 0
$("#b3").click(function(){
})
var liczba = 0
$("#b4").click(function(){
})
var liczba = 0
$("#b5").click(function(){
})
var liczba = 0
$("#b6").click(function(){
})
var liczba = 0
$("#b7").click(function(){
var liczba = 0
$("#b8").click(function(){
})
var liczba = 0
$("#b9").click(function(){
})
var teraz = document.getElementById("kolej")
var zamienianieKolej = function(){
teraz.innerHTML = ("teraz kolej > "+kolej)
}
setInterval(zamienianieKolej,250)
</script>
</body>
</html>