JSFiddle - React, Tailwind, and code Playground

by Ravshanbek778

HTML

<div data-slider='{"sliderID": "slider1"}'></div>
<div data-slider='{"sliderID": "slider2"}'></div>

JavaScript

const sliders = document.querySelectorAll('[data-slider]')
sliders.forEach(slider => {
let getSliderData =	slider.getAttribute('data-slider')
 
  console.log(JSON.parse(getSliderData))
})