JavaScript

Selecting DOM Elements

<div id="order" data-order-id="4567" data-bill-id="8973">
  Order #4567
</div>

const orderElement = document.querySelector('#order');

const orderId = orderElement.dataset.orderId;
const billId = orderElement.dataset.billId;

console.log(`Order ID: ${orderId}`);
console.log(`Bill ID: ${billId}`);

<div id="shipment" data-tracking-number="ABC-123-XYZ" data-customer-id="CUST-4567">
  Tracking #ABC-123-XYZ
</div>

const shipmentElement = document.querySelector('#shipment');

const trackingNumber = shipmentElement.dataset['trackingNumber'];
const customerId = shipmentElement.dataset['customerId'];

console.log(`Tracking Number: ${trackingNumber}`);
console.log(`Customer ID: ${customerId}`);