How can I convert this line of Jquery into pure Javascript?

Question

How can I convert the Jquery code below into pure working JavaScript?

var newPage = $(this).data("page");

I've attempted the following code, but when I output it to the console I get undefined.

var newPage = this.dataset.page;

Answer 1

jQuery data() reads a jQuery-specific pool of data that is associated with the element.

That pool is initially populated with the values of data-* attributes, but then becomes independent.

If this.dataset.page is undefined then $(this).data("page") was probably initially set with jQuery and there's no reasonable way to access the data without first changing how it is set.