Impress.js: How to modify dom using impress.js

Question

I am using impress.js for slides. When I reach the slide number 16, I want impress.js to call a function named myFunction() which modifies the DOM. How can I call myFunction()? p.s When I reach slide no 16 impress.js adds step-16 in url

You can listen to `"impress:stepenter"` – Benjamin Gruenbaum May 24 '14 at 16:28 — Benjamin Gruenbaum, May 24 '14 at 16:28
Please consider posting it as an answer – Benjamin Gruenbaum May 24 '14 at 20:52 — Benjamin Gruenbaum, May 24 '14 at 20:52

score 0 · Accepted Answer · answered May 25 '14 at 11:38

<script type="text/javascript">
document.addEventListener("impress:stepenter",function() {
x = document.activeElement;
console.log(x);
if(x.classList[2] == "impress-on-step-16")
      {
         document.getElementById("change").innerHTML = "Graph | Traversals | Breadth First Search"
      }
}

)

Impress.js: How to modify dom using impress.js

1 Answers1