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

2

Where in the instructions does it tell you to add the following line?

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

What is the current text of the element with id=“target4”. Don’t change the text.

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

5

We are all volunteers here. We don’t check the forum 24/7.

You did not answer my last question. What is the current text of the element with id=“target4”? Once you figure that out, then you will need to make sure when you add the em tags, use that same text.

1 Like
6

You absolutely did change the text. They don’t mean “don’t change the text from the sample provided on the left.” @RandellDawson 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

8