console.log the buttons insides

Question

I'm trying to log my button's inner text when user clicks on the button, this is what I tried:

    function AComponent()  {
        const logMywords = (e) => {
            console.log(e.target.value) 
    }
    
    return (
      <button onClick={logMyWords(e)}>
           'my words!' 
      </button>
      )
    }

correct. the words 'my words!'. the words that a user would see on their screen. — cattMassidy, Apr 14 '23 at 10:57
Please clarify your specific problem or provide additional details to highlight exactly what you need. As it's currently written, it's hard to tell exactly what you're asking. — Community, Apr 14 '23 at 11:03
Does this answer your question? [How can get the text of a div tag using only javascript (no jQuery)](https://stackoverflow.com/questions/10370204/how-can-get-the-text-of-a-div-tag-using-only-javascript-no-jquery) — gre_gor, Apr 14 '23 at 13:30

Sunny · Answer 1 · 2023-04-14T13:51:09.823

0

To get your button's inner text:

function AComponent() {
  const logMyWords = (e) => {
    console.log(e.target.innerHTML);
  }

  return (
    <button name="myButton" onClick={logMyWords}>
      'my words!'
    </button>
  );
}

edited Apr 14 '23 at 13:51

answered Apr 14 '23 at 10:27

Sunny

708
1
4
21

console.log the buttons insides 'text i want in console'

1 Answers1

console.log the buttons insides