Lia Sav

<div class="container">
  <div class="image" id="image_1">
    <img src="img/1.jpg" alt="1" />
    <button class="delete-button">&times;</button>
  </div>
  <div class="image" id="image_2">
    <img src="img/2.jpg" alt="2" />
    <button class="delete-button">&times;</button>
  </div>
  <div class="image" id="image_3">
    <img src="img/3.jpg" alt="3" />
    <button class="delete-button">&times;</button>
  </div>
  <div class="image" id="image_4">
    <img src="img/4.jpg" alt="4" />
    <button class="delete-button">&times;</button>
  </div>
</div>

const buttons = document.quertSelectorAll('.delete-button');

const removeBlock = (target, selector) => {
	const element = target.closest(selector);

	if (element !== null) {
		if (element.id !== '') {
			const deletedElements = JSON.parse(localStorage.getItem('deleted-elements')) || [];
			deletedElements.push(element.id);
			localStorage.setItem('deleted-elements', JSON.stringify(deletedElements));
		}

		element.remove();
	}
}

for (const button of buttons) {
	button.addEventListener('click', event => {
		event.preventDefault();
		removeBlock(event.currentTarget, '.image');
	});
}

window.addEventListener('DOMContentLoaded', () => {
	const deletedElements = JSON.parse(localStorage.getItem('deleted-elements')) || [];

	for (const deletedElement of deletedElements) {
		const element = document.quertSelector(`#${deletedElement}`);
		if (element !== null) {
			element.remove();
		}
	}
});