Target Elements by Class Using jQuery my own code

Hello All
I used the code with my own on text editor but I don’t know what else should be added or removed.
Please help
my code FCC works well but it doesn’t work when use on text editor.
this are links and jQuery code:

kind regards

Your code so far

Bootstrap from scratch

jQuery Playground


#target1 #target2 #target3


#target4 #target5 #target6

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:

You should add jQuery library for your code to work in the the text editor!

Add this at the beginning of your html between <head></head>:

<script src="" type="text/javascript"></script>

1 Like

first of all thanks for your reply
I have added this link : <script src=""></script>
from w3.css
doesn’t it work?

Post your code so that it is easier to help.

1 Like
<!DOCTYPE html>
	<title>Bootstrap from scratch</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
	<link rel="stylesheet" href="">
	<!-- The link below is the link of fonts -->
	<link href="" rel="stylesheet" type="text/css">
	<!--The link below is the link of Bootstrap Font-Awesome  -->
	<link rel="stylesheet" href="" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
	<script src="" type="text/javascript"></script>
  	$(document).ready(function() {
    $("button").addClass("animated bounce");
  <!-- Don't change the code below this line -->
  <div class="container-fluid">
	<h3 class="text-primary text-center">jQuery Playground</h3>
	<div class="row">
		<div class="col-xs-6">
			<h4 class="text-center">#left-well</h4>
			<div class="well" id="left-well">
				<button class="btn btn-default target" id="target1">#target1</button>
        		<button class="btn btn-default target" id="target2">#target2</button>
        		<button class="btn btn-default target" id="target3">#target3</button>
		<div class="col-xs-6">
			<h4 class="text-center">#right-well</h4>
			<div class="well" id="right-well">
				<button class="btn btn-default target" id="target4">#target4</button>
        		<button class="btn btn-default target" id="target5">#target5</button>
        		<button class="btn btn-default target" id="target6">#target6</button>

You are missing the animated.css library.

1 Like

Thanks for your instruction

should i copy the link or download the whole file:

Thank you so much for your assistance. i have done it

Just use the link, unless you are going to be working offline.

1 Like