Показать сообщение отдельно
  #1 (permalink)  
Старый 02.11.2020, 09:47
Интересующийся
Отправить личное сообщение для GeorgieDev Посмотреть профиль Найти все сообщения от GeorgieDev
 
Регистрация: 29.10.2020
Сообщений: 10

Создание нового блока, удаление его, а потом снова создание
Добрый день, мне надо сделать так, чтобы после 4-5 кликов блок удалялся, а затем создавался новый такой же блок, и на него срабатывало свойство .onclick()

Код:
* {
    margin: 0;
}
body{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    display: block;
}
.center-box{
    position: relative;
    height: 8vmax;
    width: 8vmax;
}
let StoneWidth = 7, StoneHeight = 7;
// func
function createNewStone(){
    let center_block = document.createElement('img');
    center_block.className = "center-box";
    center_block.id = "centerBox"
    center_block.setAttribute("src","./imgs/stone.png");
    let box = document.querySelector('.center-box');
    document.body.append(center_block);
}
createNewStone();
var center_main_block = document.getElementById("centerBox");
center_main_block.onclick = function () {
    center_main_block.setAttribute("style","width:" + StoneWidth-- + "vmax");
    center_main_block.style.height = StoneHeight-- + "vmax"
    if(center_main_block.style.width <= 3 + "vmax"){
        StoneHeight = 7;
        StoneWidth = 7;
        center_main_block.remove()
        createNewStone()
    }
}


Помогите)
Ответить с цитированием