Explanation module: Deferred with prompts - ambersr/i-love-web GitHub Wiki

Prompts:

  • Kan je het simpel uitleggen met een vergelijking.
  • Stuurt zelf gemaakte uitleg en vraagt of ik het goed begrepen heb.

Module: Deferred:

  • Deferred betekent: Nog niet meteen uitvoeren.
  • In het voorbeeld worden de chapters eerst klaargezet.
  • Chapter 1 start gelijk maar chapter 2 en 3 staan nog in de wacht om op een later moment af te spelen.

Conclusie

Chapter 2 en chapter 3 worden niet meteen uitgevoerd. Ze staan klaar, maar wachten tot de gebruiker klikt.

import { chapterOne } from './chapter-one.js'
import { chapterTwo } from './chapter-two.js'
import { chapterThree } from './chapter-three.js'
import { els } from './elements.js'

const ch1 = chapterOne()
const ch2 = chapterTwo()
const ch3 = chapterThree()

ch1.play()

els.ch2Trigger.addEventListener("click", () =>{ ch2.restart() }) 
els.ch3Trigger.addEventListener("click", () => { ch3.restart() })