const set = new Set([1, 2, 2, 3, 4]);

set.add(5); // Добавление элемента
console.log(set.has(3)); // true (проверка наличия)
set.delete(2); // Удаление элемента
console.log([...set]); // [1, 3, 4, 5] (преобразование в массив)

<div class="card">
  <p>Текст</p>
  <button>Нажми меня</button>
</div>
<div class="card">
  <p>Только текст</p>
</div>

<style>
  .card:has(button) {
    border: 2px solid blue; /* Стили для карточек с кнопкой */
  }
</style>

let obj = { name: 'Alice' };
const weakMap = new WeakMap();

weakMap.set(obj, 'Дополнительные данные');
console.log(weakMap.get(obj)); // 'Дополнительные данные'

obj = null; // Ключ становится недоступен, запись удаляется из WeakMap

<img src="placeholder.jpg" data-src="image.jpg" class="lazy" alt="Изображение">

<script>
  const lazyImages = document.querySelectorAll('img.lazy');
  lazyImages.forEach(img => {
    img.src = img.dataset.src;
  });
</script>

<img src="example.jpg" class="filtered" alt="Изображение с фильтром">

<style>
  .filtered {
    filter: grayscale(50%) blur(5px); /* Частично чёрно-белое изображение с размытие */
  }
</style>