Как работает свойство dataset в JavaScript?

Свойство dataset в JavaScript позволяет считывать или устанавливать любые дата-атрибуты на HTML-элементе. ru.hexlet.io doka.guide Дата-атрибут — это пользовательский атрибут на элементе, название которого начинается с data-, например data-testid. doka.guide

Некоторые особенности работы свойства dataset:

• Обращение к свойству возвращает объект со всеми дата-атрибутами, которые есть на элементе. ru.hexlet.io doka.guide Названиями полей в объекте будут имена дата-атрибутов после префикса data-. doka.guide
• Если дата-атрибутов на элементе нет, то вернётся пустой объект. ru.hexlet.io doka.guide
• Чтобы добавить дата-атрибут к элементу, нужно добавить новое поле в объект dataset. doka.guide Название поля должно быть без префикса data-, браузер автоматически подставит его. doka.guide
• В значениях атрибутов в HTML могут быть только строки, поэтому любое значение будет автоматически приведено к строке. ru.hexlet.io doka.guide
• Свойство dataset защищено от перезаписи, то есть попытка присвоить в dataset новое значение будет проигнорирована. doka.guide

С помощью свойства dataset можно создавать интерактивные веб-приложения, которые реагируют на ввод пользователя или вызывают определённые действия на основе пользовательских данных, связанных с элементами. www.webdevtutor.net