Progress report generator bookmarklet for Khan Academy courses

readme.md

How to use

Create a bookmarklet with this as the URL:

javascript:(function(){const progress=Array.from(document.querySelectorAll('p[class^="progressNumbers"]')).map(e=>e.innerText).map(e=>{let o=e.match(/(\d+) of (\d+) complete/);return{done:parseInt(o[1]),total:parseInt(o[2])}}),done=progress.map(e=>e.done).reduce((e,o)=>e+o),total=progress.map(e=>e.total).reduce((e,o)=>e+o);alert(`\nProgress Report:\nPercent Complete- ${(done/total*100).toFixed(2)}%\n\nSections done- ${done}\nTotal sections- ${total}\n`);})()

Next, go to a page like this, and click on the bookmarklet to display your progress report.

progress.js

const progress = Array.from(
  document.querySelectorAll('p[class^="progressNumbers"]')
)
  .map(x => x.innerText)
  .map(txt => {
    let parsed = txt.match(/(\d+) of (\d+) complete/);
    return { done: parseInt(parsed[1]), total: parseInt(parsed[2]) };
  });

const done = progress.map(unit => unit.done).reduce((acc, val) => acc + val);
const total = progress.map(unit => unit.total).reduce((acc, val) => acc + val);

alert(`
Progress Report:
Percent Complete- ${(done / total * 100).toFixed(2)}%

Sections done- ${done}
Total sections- ${total}
`);