8. Czym jest atrybut `data-*` i do czego służy?

Atrybut data-* w HTML jest używany do przechowywania niestandardowych danych w elementach HTML. Można go wykorzystać do dodawania informacji, które mogą być łatwo dostępne za pomocą JavaScript.

Użycie atrybutu data-*:

1. Dodawanie danych do elementów:

<div id="product" data-id="12345" data-name="Sample Product">Produkt</div>

2. Dostęp do danych za pomocą JavaScript:

const product = document.getElementById('product');
const productId = product.dataset.id;
const productName = product.dataset.name;
console.log(productId); // 12345
console.log(productName); // Sample Product

Atrybuty data-* są przydatne do przechowywania dodatkowych danych bez konieczności używania niestandardowych atrybutów lub klas, co pozwala na lepszą organizację kodu i łatwiejszy dostęp do danych w skryptach.