onload function(this) from onclick in another page – Blancer.com Tutorials and projects

I have a page where there is a button. The button has an onclick function, where it calls the function pop to produce an alert. The alert shows the attribute of the button’s data-message.

I am trying to redirect this function to onload to another page, hence the href.

What I would like to produce is for the alert to be displayed on the 2nd page as well when the body onloads.

I have tried to change and swap my codes between the 2 different HTML, however I often get the error of Uncaught TypeError: e.getAttribute is not a function.

Here are the relevant codes for page 1 where the button needs to be clicked:

<a href="dump2.html"><button type="button" data-message="button1" onclick="pop(this)">click</button></a>

<script>
   function pop(e) {
       alert(e.getAttribute("data-message"));
   }
</script>  ```


------------------


Page 2 where I will onload the attribute I have gotten from the button clicked on Page 1

<body onload="pop(this)"> </body>
<script>
 function pop(e) {
     alert(e.getAttribute("data-message"));
 }
</script>


Any help would be greatly appreciated. Thanks :)