3.2 KiB

Raw Blame History

title

challengeType

forumTopicId

required

dashedName

bad87fee1348bd9aeda08726

Elimina tus funciones jQuery

17561

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

delete-your-jquery-functions

--description--

Estas animaciones fueron geniales al principio, pero ahora distraen un poco.

Elimina las tres funciones de jQuery dentro de tu document ready function, pero deja intacta tu función document ready function en sí.

--hints--

Las tres funciones de jQuery deben ser eliminadas de la función document ready function.

assert(code.match(/\{\s*\}\);/g));

Debes dejar intacto tu elemento script.

assert(code.match(/<script>/g));

Debes dejar tu $(document).ready(function() { al principio de tu elemento script.

assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g));

Debes dejar intacto el cierre }) de la función document.ready.

assert(code.match(/.*\s*\}\);/g));

Debes dejar intacta la etiqueta de cierre del elemento script.

assert(
  code.match(/<\/script>/g) &&
    code.match(/<script/g) &&
    code.match(/<\/script>/g).length === code.match(/<script/g).length
);

--seed--

--seed-contents--

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

--solutions--

<script>
  $(document).ready(function() {

  });
</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>

3.2 KiB Raw Blame History