Target elements using id in jQuery

i am working on the jQuery challenge, i think i get how to target the element with id target3 but the challenge asks me to:

Select the button element with the id of target3 and use the jQuery addClass() function to give it the class of animated.
Target the element with the id target3 and use the jQuery addClass() function to give it the class fadeOut.
code so far:
Only use jQuery to add these classes to the element.

i have nr 1 and 3 down but i dont understand the difference between the button element with id target3 and the element with id target3 or how to target it

<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");
    $(".well").addClass("animated shake");
    $("#target3").addCLass("animated fadeOut");
    
  });
</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>`Preformatted text````

solved had a uppercase L in addClass

1 Like

:100:

Good job catching it yourself.