Change Text Inside an Element Using jQuery idk

JavaScript
1

Tell us what’s happening:
second requirement fails “Make sure the text is otherwise unchanged.”

Your code so far


<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target4").html("<em>jQuery Playground</em>");
  });
</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:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/jquery/change-text-inside-an-element-using-jquery

3

I didn’t change the text.
$("#target4").html("<em></em>");
also doesn’t work.

4

that’s it? no further explanation?
thanks a lot

6

You absolutely did change the text. They don’t mean “don’t change the text from the sample provided on the left.” @camperextraordinaire means (if you don’t mind my stepping in) “Don’t change the text of the button.”

So take a look at the HTML that follows the javascript block, and find the element with an id of target4. There is already text there. When your jQuery updates that button’s HTML, the text of the button should remain unchanged. So what do you think you’d want to stick inside your

$("#target4").html("<em></em>");

… in order to keep the text of the button EXACTLY the same before you change it, and after?

1 Like
7

thanks, I saw where I was wrong