I can't fix this step please suggest me how i can fix this issue

1

Tell us what’s happening:

Your code so far

  
  $(document).ready(function() {
    
  $("button").removeClass("btn-default");
   $(".btn").removeClass("btn-default");
   $("#target1").removeClass("btn-default");
  });
  
</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 target" id="target1">#target1</button>
        <button class="btn target" id="target2">#target2</button>
        <button class="btn 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 target" id="target4">#target4</button>
        <button class="btn target" id="target5">#target5</button>
        <button class="btn 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/62.0.3202.75 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/remove-classes-from-an-element-with-jquery

2

First thing: You wrote two posts on the forum for the same problem. One is enough, write a message to bring it back up but if you want a quicker answer go to the gitter chat :slight_smile:

Second: the instruction is: Let's remove the btn-default class from all of our button elements. So you don’t really need to modify the addclass methods that are originally here. (you can reset your code)

Third: The code you provide here is missing a <script> opening tag.

3

Hello @X140hu4
Thanks for your opinion, actually I am new this platform and join today. I can’t fix this issue… I will try to fix this issue your instruction but not successful. please check my code.

my code here:----

<script>
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("shake");
    $("#target1").addClass("animated shake btn-primary");
  });
</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 target" id="target1">#target1</button>
        <button class="btn target" id="target2">#target2</button>
        <button class="btn 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 target" id="target4">#target4</button>
        <button class="btn target" id="target5">#target5</button>
        <button class="btn target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
5

@camperextraordinaire thanks because now present I know how to write a code in the forum. I don’t understand how to fix this issue…please solved this my issue.
Thank You.

6

This will be the last hint I give you, after that it would just be giving you the solution and you copy pasting it…

Using the same code that is used to add the animated class to the button element, you can add one line of code in the script to remove the btn-default class on the button elements.