Animate bounce for doc ready

Animate bounce for doc ready
0.0 0

#1

**Tell us what’s happening:**Hello, I am stuck here. I have written the code and made sure that I have used the capital on the letter C in my .addClass and I have also put a space between the words animated and bounce. All to no avail. I have written it over and have not been able to correct it. Please help. Very much appreciated. Thank you

Your code so far

<script>
  $(ducument).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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.146 Safari/537.36.

Link to the challenge:


#2

When I run your code an error message shows up on the phone display as

You have a typo in the first line of the code which is causing this error. In fact, you changed the first line of the original challenge code, which you should not have done. If you can not see your error, then I suggest clicking Reset your code and only add the relevant code.


#3

Hi buddy!!
you have to change to below code!!

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

SOL: in first line for document u have typed as ducument and for giving button animate bounce you should give which element to be bounce… I hope it help you!!


#4

Thank you. I have went back to my previous step and am starting over.


#5

Thank you. It seems that I am still not understanding this. I have written the code just as instructed in the instructions. I will have to erase it and start again.


#6

Did u replaced my code with yours? And it passed your challenge?

Now compare my code with yours and you will know what mistake you have done!


#7

I did not replace my code with yours. I actually saw my mistake. I had some how deleted the first { bracket from my document ready function. After adding the { bracket, everything worked just fine.

Thank you so much for looking at my code and for your reply :slight_smile: