JavaScript

Selecting DOM Elements

<div
  id="user"
  data-test-id="1034"
  data-user-name="Willy Wonka"
>
Willy Wonka
</div>

// Accessing the HTML element
const divElement = document.querySelector('#user');

// Accessing data attribute values from
// the selected HTML element.
const userName = divElement.dataset.userName;

console.log(userName);

<div
  id="cookie"
  data-cookie-type="choco-chip"
>
Ice cream factory
</div>

// Accessing the HTML element
const divElement = document.querySelector('#cookie');

// Accessing data attribute values from
// the selected HTML element.
const cookieType = divElement.dataset["cookieType"];

console.log(cookieType);