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

Excluir suas funções do jQuery

Description

Essas animações foram legais no começo, mas agora elas estão meio que distraindo. Exclua todas as três funções do jQuery da função document ready function , mas deixe a document ready function intacta.

Instructions

Tests

tests:
  - text: Exclua todas as três funções do seu jQuery da sua <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: Deixe seu elemento de <code>script</code> intacto.
    testString: 'assert(code.match(/<script>/g), "Leave your <code>script</code> element intact.");'
  - text: 'Deixe seu <code>$(document).ready(function() {</code> para o início do seu 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: 'Deixe sua &quot;função pronta para o documento&quot; fechando <code>})</code> intacta.'
    testString: 'assert(code.match(/.*\s*\}\);/g), "Leave your "document ready function" closing <code>&#125;&#41;</code> intact.");'
  - text: Deixe a tag de fechamento do elemento de <code>script</code> intacta.
    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