People have created framework wrappers for this:

Rect: https://github.com/linkstrifer/react-rough-notation Svelte: https://github.com/dimfeld/svelte-rough-notation Vue: https://github.com/Leecason/vue-rough-notation

Wow, thanks! That's exactly what I want, with a demonstration code example. I'll be using this.

I advise you to learn Javascript/DOM before learning high level 'magic' frameworks. You clearly are missing the fundamentals.

You can use querySelectors in React, it's just normal JavaScript. You can also use refs if you don't want to use querySelector.

I'll look into this, thanks.