88 lines
2.2 KiB
JavaScript
88 lines
2.2 KiB
JavaScript
let white = document.getElementById("white_button");
|
|
let black = document.getElementById("black_button");
|
|
let white_time = document.getElementById("TimeWhite")
|
|
let black_time = document.getElementById("TimeBlack")
|
|
let black_move_left = document.getElementById("MoveLeftBlack")
|
|
let white_move_left = document.getElementById("MoveLeftWhite")
|
|
let BlockType = document.getElementById("BlockType")
|
|
let BlockTime = document.getElementById("BlockTime")
|
|
let trais = true
|
|
|
|
|
|
function msToMinSec(ms) {
|
|
const totalSeconds = Math.floor(ms / 1000);
|
|
const minutes = Math.floor(totalSeconds / 60);
|
|
const seconds = totalSeconds % 60;
|
|
|
|
return `${minutes}:${seconds.toString().padStart(2, '0')}`;
|
|
}
|
|
|
|
function toggle_trais(){
|
|
trais = !trais
|
|
if (trais){
|
|
showGlowRight()
|
|
}else{
|
|
showGlowLeft()
|
|
}
|
|
}
|
|
|
|
function change_move_left_white(number){
|
|
white_move_left.innerText = `Coup restant Blanc : ${number}`
|
|
}
|
|
|
|
function change_move_left_black(number){
|
|
black_move_left.innerText = `Coup restant Noir : ${number}`
|
|
}
|
|
|
|
function change_time_block(Time){
|
|
BlockTime.innerText = `Temps restant Block : ${msToMinSec(Time)}`
|
|
}
|
|
|
|
function set_block_type(type){
|
|
// true = +
|
|
// false = -
|
|
if (type){
|
|
BlockType.innerText = "Block +"
|
|
}else{
|
|
BlockType.innerText = "Block -"
|
|
}
|
|
}
|
|
|
|
function change_time_white(Time){
|
|
white_time.innerText = msToMinSec(Time)
|
|
}
|
|
|
|
function change_time_black(Time){
|
|
black_time.innerText = msToMinSec(Time)
|
|
}
|
|
white.addEventListener("pointerdown", () => {
|
|
if (!trais) white.classList.add("click");
|
|
if (!has_start) start()
|
|
else white_touch()
|
|
});
|
|
white.addEventListener("pointerup", () => {
|
|
white.classList.remove("click");
|
|
});
|
|
|
|
black.addEventListener("pointerdown", () => {
|
|
if (trais )black.classList.add("click");
|
|
black_touch()
|
|
});
|
|
black.addEventListener("pointerup", () => {
|
|
black.classList.remove("click");
|
|
});
|
|
|
|
function showGlowLeft() {
|
|
document.body.classList.remove("glow-right");
|
|
document.body.classList.add("glow-left");
|
|
}
|
|
|
|
function showGlowRight() {
|
|
document.body.classList.remove("glow-left");
|
|
document.body.classList.add("glow-right");
|
|
}
|
|
|
|
function hideGlow() {
|
|
document.body.classList.remove("glow-left", "glow-right");
|
|
}
|