HTML Elements have Variables?

Question

Attributes in html has weird behaviours...but why can they be used as variables...and why has no one realised this before?
https://code.sololearn.com/WUI6X1O8zCbG/?ref=app
Is there a downside to using made up attributes as variables? I know one such may be confusing real attributes such as style, but anything else?

Answer 1

It's common to use attributes as variables. Usually starts with data- and used along with javascript
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Answer 2

Data attributes are commonly use on event trigger on class elements.
We should use the format data-<name> which is reserved for data attribute, in order to avoid conflict with standard attributes.
https://code.sololearn.com/Wft4xKwN2waD/?ref=app

Answer 3

Toni Isotalo woah. I found out randomly today that it was a possibility.

Answer 4

But we don't necessarily need to use data though 😉

Answer 5

No html elements does not have variables