При нажатии на должен ускоряться и менять текст с количеством попаданий и после 10 попадания закрыться. Он почему то не ускоряется а все остальное делается хорошо :-)
let topOffset = 0;
let rightOffset = 0;
let bottomOffset = 200;
let leftOffset = 200;
let speed = 10;
let interval = setInterval(squareCreator, speed);
let onOrOff = true;
let tryCounter = 0;
function squareCreator () {
realisation(topOffset,rightOffset,bottomOffset,leftOffset);
};
/*Тут типа код
Цикл, который считает попытки, выводит количество попыток, ускоряет перемещение заголовка */
$('html').click(function () {
if(tryCounter == 10) {
clearInterval(interval);
} else {
tryCounter++;
speed = speed/2;
$('#heading').text('Hello, world!' + ' ' + tryCounter);
}
});
/*============ methods ========== */
function realisation(one,two,three,four) {
if(one < 200){
topSide();
} else if (two < 200){
rightSide();
} else if (three > 0) {
bottomSide();
} else if (four > 0) {
leftSide();
} else {
update();
}
};
function topSide () {
let top = $('#heading').offset ({
left: topOffset });
topOffset++;
console.log("top")
};
function rightSide () {
let right = $('#heading').offset ({
top: rightOffset });
rightOffset++;
console.log("right")
};
function bottomSide () {
let bottom = $('#heading').offset ({
left: bottomOffset });
bottomOffset--;
console.log("bottom")
};
function leftSide () {
let left = $('#heading').offset ({
top: leftOffset });
leftOffset--;
console.log("left")
};
function update() {
topOffset = 0;
rightOffset = 0;
bottomOffset = 200;
leftOffset = 200;
};