freeCodeCamp

3.1 KiB

Raw Blame History

title

required

challengeType

videoUrl

localeTitle

bad87fee1348bd9aeda08726

Delete Your jQuery Functions

link
https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css

Borre sus funciones de jQuery

Description

Estas animaciones eran geniales al principio, pero ahora se distraen un poco. Elimine las tres funciones de jQuery de su función de document ready function , pero deje la document ready function intacta.

Instructions

Tests

tests:
  - text: Elimine las tres funciones de jQuery de la función de <code>document ready function</code> .
    testString: 'assert(code.match(/\{\s*\}\);/g), "Delete all three of your jQuery functions from your <code>document ready function</code>.");'
  - text: Deja tu elemento de <code>script</code> intacto.
    testString: 'assert(code.match(/<script>/g), "Leave your <code>script</code> element intact.");'
  - text: 'Deje su <code>$(document).ready(function() {</code> al principio de su elemento de <code>script</code> .'
    testString: 'assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g), "Leave your <code>$&#40document&#41.ready&#40function&#40&#41 {</code> to the beginning of your <code>script</code> element.");'
  - text: 'Deje su &quot;función de documento listo&quot; cerrando <code>})</code> intacto.'
    testString: 'assert(code.match(/.*\s*\}\);/g), "Leave your "document ready function" closing <code>&#125;&#41;</code> intact.");'
  - text: Deje intacta la etiqueta de cierre del elemento de su <code>script</code> .
    testString: 'assert(code.match(/<\/script>/g) && code.match(/<script/g) && code.match(/<\/script>/g).length === code.match(/<script/g).length, "Leave your <code>script</code> element closing tag intact.");'

Challenge Seed

<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>

Solution

// solution required

3.1 KiB Raw Blame History