Random quote machine - improving

1

In visual studio the buttons look fine. Why is it different in codepaen?

2

Codepen of course, I was in a hurry

3

The answer is your pen settings:

In the HTML tab/Stuff for Head, cut/paste this:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">

It looks like you are using bootstrap:

  • In the CSS pane, you have to add bootstrap.css.
  • In the JS pane, you need (in order, but don’t worry: those are drag handles on the left):
    – jQuery.js
    – Bootstrap.js
    (You can also get the minified versions of the javascript - *.min.js
1 Like
4

Did my previous reply answer your question? if so, click the checkmark underneath it to label this thread as “Solved” (It should turn green)

5

not entirely. know the box has shifted, but I’m working on it

1 Like
6

I checked it out. I see a dashed-border box which gets new quotes when I click the button. The share quote button doesn’t work, but I noticed a typo in your parameters. I think (even) should be (event), right?

$('.share-quote').on('click', function(even){
    event.preventDefault();
1 Like