Calling a dictionary API with AJAX to get definitions on clicked words

Hi guys,

At the moment I’m trying to write some code which will display definitions taken from https://dictionaryapi.dev/ when you click any word on the page. However, I’m a complete newbie with this kind of thing and can’t seem to get my head around it.

Another problem I’m having is that only the first word/span is displaying me any sort of data when clicked. The other words don’t bring up anything despite being part of the same ID. Maybe some kind of limitation with Lettering.js?

If anyone wants to take a look and has any suggestions for me then I’d be very grateful! I’m also willing to pay someone to do the work for me.

https://preview.webflow.com/preview/organic-english?utm_medium=preview_link&utm_source=designer&utm_content=organic-english&preview=5198d3d7c914a340d72fb87869ad2693&pageId=6238539996bd1a11e23f4b8e

https://organic-english.webflow.io/new-design/tooltip-test