JavaScript

Selecting DOM Elements

<div id="products">
  <div id="product-one" data-id="12345" data-category="Electronics">Smartphone</div>
  <div id="product-two" data-id="67890" data-category="Home Appliances">Washing Machine</div>
  <div id="product-three" data-id="54321" data-category="Furniture">Sofa</div>
</div>

const productElement = document.querySelector('#product-two');
const productId = productElement.dataset.id;
const productCategory = productElement.dataset.category;

console.log(`Product ID: ${productId}, Category: ${productCategory}`);