One bootstrap button is not clickable (Random Quote Generator)

1

Hello everyone,

So I’m almost done with my random quote generator and it seems to be successful in randomly spitting out quotes. However one of my button is not working. It is a bootstrap button used to tweet out the quote. I have codes used for tweeting it out but the button itself does not seem clickable or seem to change colors when I hover over it. I’m not sure why one button is clickable and the other is not. Can someone help me explain why this is? Here is my project: https://codepen.io/penCoder29/pen/eWXdpN

Any feedback about my project would also be greatly appreciated!

Thank you!

2

Did you check the browser console?

Uncaught ReferenceError: encodeURICompenent is not defined
    at HTMLButtonElement.sendTweet (pen.js:50)
    at HTMLButtonElement.dispatch (jquery.min.js:3)
    at HTMLButtonElement.q.handle (jquery.min.js:3)

Looks like a typo.

1 Like
3

Yes, as Owel says, you need to check your browser console. Press CTRL-SHFT-J to open it up. Whenever I am having a problem with code this is the first place I look. There is a lot of useful information there.

If you look at the error log that he has shown you, you will see that encodeURICompenent is not defined. You made a simple spelling error. We all make them. The console helps us catch them.

1 Like
4

Wow! Yay thank you two so much haha. Looks like I did make a spelling error. Oops :slight_smile:

5