Uncaught TypeError: Cannot read properties of null (reading 'replaceChild')
Круг должен изчезать при наведении на него.
При этом позиция соседних кругов должна оставаться прежней.
*/
const circleItems = document.querySelectorAll(".gridItem");
let targetItem;
// Добавляем обработчик события "mouseover" для каждого элемента "li"
circleItems.forEach((item) => {
item.addEventListener("mouseover", (event) => {
targetItem = event.target;
targetItem.remove();
// targetItem.style.display = "none";
// Создаем пустой элемент с таким же размером
const emptyItem = document.createElement("li");
emptyItem.className = "gridItem";
// Заменяем скрытый круг на пустой элемент
targetItem.parentNode.replaceChild(emptyItem, targetItem);
});
});
