0

I want to add an event listener that will tell me when JDoodle is loaded on my react app. Something like

useEffect(() => {
    const jDoodleScript = document.createElement('script')
    jDoodleScript.src = JDOODLE_COMPILER_SCRIPT
    jDoodleScript.type = JDOODLE_COMPILER_KEY
    document.head.append(jDoodleScript)

    const onLoad = () => {
      console.log('JDoodle is ready')
    }

    window.addEventListener('JDoodleLoad', onLoad)

    return () => {
      window.removeEventListener('JDoodleLoad', onLoad)
    }
  }, [])

0 Answers0