let clock1 = "00:05" //Birinci saat
let clock2 = "00:00" //İkinci saat
let başlat = false
let onboat1 = 0
let onboat2 = 0
let onboat3 = 0
let onboat4 = 0
let boat1 = [firstblock = 0]
let boat2 = [firstblock2 = 0, secondblock2 = 0]
let boat3 = [firstblock3 = 0, secondblock3 = 0, thirdblock3 = 0]
let boat4 = [firstblock4 = 0, secondblock4 = 0, thirdblock4 = 0, fourblock4 = 0]
window.onload = function(){ //Sayfa yüklendiğinde çalışır.
clock1 = "00:05" //Bilmediğim bir sebepten ötürü bu olmadan site çalışmıyor.
clock2 = "00:00"
document.getElementById("board1").className = 'getbigger-class'
document.getElementById("board2").className = 'getsmaller2-class'
}
function putboatfor2(clicked_id, x, y){
if (clicked_id == x){
if(x != boat1[0] && clicked_id != boat1[0] || clicked_id != boat3[0] || clicked_id != boat3[1] || clicked_id != boat3[3] || clicked_id != boat4[0] ||clicked_id != boat4[1] ||clicked_id != boat4[2] ||clicked_id != boat4[3] ||clicked_id != boat4[4] || y != boat1[0] || y != boat3[0] || y != boat3[1] || y != boat3[3] || y != boat4[0] || y != boat4[1] ||clicked_id != boat4[2] || y != boat4[3] || y != boat4[4]){
document.getElementById(y).src="2 kare.png"
document.getElementById(clicked_id).src="2 kare.png"
boat2[0] = clicked_id
boat2[1] = y
onboat2 = 0
onboat3 = 1
}
}
}
function putboat(clicked_id){
onboat1 = 1
if (onboat1 == 1){
boat1[0] = clicked_id
document.getElementById(boat1[0]).src = "1 kare.png"
setTimeout(onboat1 = 0, 1000)
setTimeout(onboat2 = 1, 1000)
}
if (onboat2 == 1){
putboatfor2(clicked_id, "1", "2")
putboatfor2(clicked_id, "2", "3")
putboatfor2(clicked_id, "3", "4")
putboatfor2(clicked_id, "4", "5")
putboatfor2(clicked_id, "5", "6")
putboatfor2(clicked_id, "7", "8")
putboatfor2(clicked_id, "8", "9")
putboatfor2(clicked_id, "9", "10")
putboatfor2(clicked_id, "10", "11")
putboatfor2(clicked_id, "11", "12")
putboatfor2(clicked_id, "13", "14")
putboatfor2(clicked_id, "14", "15")
putboatfor2(clicked_id, "15", "16")
putboatfor2(clicked_id, "16", "17")
putboatfor2(clicked_id, "17", "18")
putboatfor2(clicked_id, "19", "20")
putboatfor2(clicked_id, "20", "21")
putboatfor2(clicked_id, "21", "22")
putboatfor2(clicked_id, "22", "23")
putboatfor2(clicked_id, "23", "24")
putboatfor2(clicked_id, "25", "26")
putboatfor2(clicked_id, "26", "27")
putboatfor2(clicked_id, "27", "28")
putboatfor2(clicked_id, "28", "29")
putboatfor2(clicked_id, "29", "30")
putboatfor2(clicked_id, "31", "32")
putboatfor2(clicked_id, "32", "33")
putboatfor2(clicked_id, "33", "34")
putboatfor2(clicked_id, "34", "35")
putboatfor2(clicked_id, "35", "36")
}
}
function clock1load(){ //Birinci saatin çalışması için fonksiyon.
if (clock1 == "00:05"){
//Birinci tahta büyür, ikinci tahta küçülür.
document.getElementById("board1").className = 'getbigger-class'
document.getElementById("board2").className = 'getsmaller2-class'
clock1 = "00:04"
}
else if (clock1 == "00:04"){
clock1 = "00:03"
}
else if (clock1 == "00:03"){
clock1 = "00:02"
}
else if (clock1 == "00:02"){
clock1 = "00:01"
}
else if (clock1 == "00:01"){
clock1 = "00:00"
}
}
function clock2load(){ //İkinci saatin çalışması için fonksiyon.
if (clock1 == "00:00" & clock2 == "00:00"){
clock2 = "00:05"
}
else if (clock1 == "00:00" & clock2 == "00:05"){
//büyüme/küçülme efektlerini çalıştırır.
//ikince tahta büyür, birinci tahta küçülür.
document.getElementById("board2").classList.remove("getsmaller2-class")
document.getElementById("board2").className = 'getbigger2-class'
document.getElementById("board1").classList.remove("getbigger-class")
document.getElementById("board1").className = 'getsmaller-class'
clock2 = "00:04"
}
else if (clock1 == "00:00" & clock2 == "00:04"){
clock2 = "00:03"
}
else if (clock1 == "00:00" & clock2 == "00:03"){
clock2 = "00:02"
}
else if (clock1 == "00:00" & clock2 == "00:02"){
clock2 = "00:01"
}
else if (clock1 == "00:00" & clock2 == "00:01"){
clock2 = "00:00"
clock1 = "00:05"
}
}
putboat()
//clock1load ve clock2load fonksiyonlarını her 1 saniyede çalıştırır.
//bunu durdurmak istediğinizde closeInvertal() kullanabilirsiniz.
setInterval(() => {
document.getElementById("clock1text").innerHTML = clock1
document.getElementById("clock2text").innerHTML = clock2
clock1load()
clock2load()
}, 1000);