<html>
  <head>
    <script src="/dist/tesseract.dev.js"></script>
  </head>
  <body>
    <textarea id="message">Working...</textarea>

    <script>
      const { createWorker } = Tesseract;
      const worker = await createWorker();
      (async () => {
        await worker.loadLanguage('eng');
        await worker.initialize('eng');
        
        const fileArr = ["../data/meditations.jpg", "../data/tyger.jpg", "../data/testocr.png"];
        let timeTotal = 0;
        for (let file of fileArr) {
            let time1 = Date.now();
            for (let i=0; i < 10; i++) {
                await worker.recognize(file);
            }
            let time2 = Date.now();
            const timeDif = (time2 - time1) / 1e3;
            timeTotal += timeDif;
            document.getElementById('message').innerHTML += "\n" + file + " [x10] runtime: " + timeDif + "s";
        }
        document.getElementById('message').innerHTML += "\nTotal runtime: " + timeTotal + "s";

      })();
    </script>
  </body>
</html>