JS - Storing data in an html page - how much is correct?

Question

JavaScript

Good evening.
In one of the pages in an asp-net project, I plan to store the date for later actions - in a hidden html div of the page.
In order to subsequently receive this value from several event handler functions.
Tell me how correct it is to use this approach and how else you can create "global" variables in javascript

Answer 1

you can generate a view script:

<script>
    window.varibleName = {yourData: 'foo'};
</script>

then the handlers will have access to window.varibleName
Store directly in text in div'e is at least less convenient, and there are no pluses in this.
Another option is to store something in data-attributes.
If data is needed between reboots, use localStorage

Answer 2

Not at all correct.
Use redux as a last resort and local storage will do.