Why is this returning an error?

https://codepen.io/lolek55507/pen/zYepYXG.
It says that there is no clickable element with this id id=“new-quote” but it is there

Within #quote-box, I can see a clickable element with corresponding id=“new-quote”.

Your element with id="new-quote" is not within the element with id="quote-box".

<wrapper id="quote-box">
  <div id="textsContainer">
    <a id="tweet-quote"></a>
    <div id="QuoteCon">
      <p id="text">{ArrayOfQuotesFromApi.content}</p>
      <p id="author">{ArrayOfQuotesFromApi.author}</p>
    </div>
  </div>       
</wrapper>
<button id="new-quote" onClick={gene}>Generate a Quote</button>
1 Like

Well I guess I am just not so perceptive :slight_smile: Thank you I d probably lose like half an hour on that stupid silly mistake

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.