Home/ Questions/Q 7945995
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T01:01:24+00:00

I’m looking for tips on how to be able to click on a word

  • 0

I’m looking for tips on how to be able to click on a word in an html document and then for the page to update and show a definition of the word that has been clicked. It can appear at the bottom of the page. So far I’m just adding an onclick into the p tag so for instance. Am I going about this in the right way? I’m quite bad at javascript so any help with this would be great. Many thanks

      <p id="complexword1" onclick="functionToDisplayComplexWord()">
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think it might help you to resolve your issue.

    HTML:

    <body>
<p id="paragraph">Javascript/Jquery onclick definition of word appears?</p>
</body>

    Javascript:(Jquery lib)

    var p = $('p#paragraph');

p.html(function(index, oldHtml) {
    return oldHtml.replace(/\b(\w+?)\b/g, '<span class="word">$1</span>')
});

p.click(function(event) { 
    if(this.id != event.target.id) {
        alert(event.target.innerHTML);
    }
});

    DEMO

    • 0