javascript - How to put a waved line under misspelled words HTML

Question

I have a webpage HTML & JS.

I need to add a red waved-line under misspelled words. I got my algorithm to detect those words but I just need to know how put a waved line under those words.

Answer 1

If you don't wanna use a gif for the curly underline, you can do it by pure css:

<span style="border-bottom: 1px dotted #ff0000;padding:1px">
    <span style="border-bottom: 1px dotted #ff0000;">
        foobar
    </span>
</span>