How to trigger javascript when a page is loaded to a specific div ID?

Question

I have the following div:

<div id="tutorial" onclick="console.log('Triggered tutorial');"></div>

I want to target this div via the URL, by navigating like this:

mysite.com/mypage.html#tutorial

However, loading the page to this div ID doesn't trigger the onclick event.

What is the best way to accomplish this?

Can you post your full code somewhere? A snippet out of context doesn't help us help you. Pastebin or Codepen are both great places for this — Pie, May 06 '19 at 19:58

score 2 · Accepted Answer · answered May 06 '19 at 19:57

2

Use onload

<div id="tutorial" onload="onLoadTutorial();"></div>

function onLoadTutorial() {
  if (document.location.endsWith("#tutorial")) {
    //...
  }
}

answered May 06 '19 at 19:57

ControlAltDel

score 0 · Answer 2 · answered May 06 '19 at 20:10

0

Instead of calling hashChanged(), call your own onclick function or execute the content inside of it

answered May 06 '19 at 20:10

Pie

2 Answers2