Use the jQuery addClass() function to give the classes animated and bounce to your button elements i can't understand it

Tell us what’s happening:

Your code so far

<script>
  $(document).ready(function($("button").addClass("animated bounce");) {

  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#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>
    </div>
    <div class="col-xs-6">
      <h4>#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>
      </div>
    </div>
  </div>
</div>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.79 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/target-html-elements-with-selectors-using-jquery

I am using animated bounce in the class.But it is showing syntax error taken.how can i use the addclass function in the class to give animated bounce to the target1…
please help me

The problem is you need to put the addClass for the buttons inside the .ready function.

JavaScript anonymous functions have the following format:

function () {
 // code for function goes in here
}

You need to put the addClass line inside the { } so it will be executed when the DOM has loaded.