Love
March 7, 2018, 6:26pm
1
Tell us what’s happening:
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:
Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
.
Link to the challenge:
https://www.freecodecamp.org/challenges/change-text-inside-an-element-using-jquery
@Love
You are supposed to target the element with the ID of target4.
Love
March 7, 2018, 6:33pm
3
i did but cant get result
Love
March 7, 2018, 6:45pm
5
no result still have 2errors
Love
March 7, 2018, 6:52pm
7
i have error on this code $(".target4").html(“jQuery Funhouse ”); is not working and i followed instruction but didnt get answer
Love
March 8, 2018, 7:59pm
9
These two error i cant’ solve :-Emphasize the text in your target4 button by adding HTML tags,Make sure to select button id=“target4” with jQuery
Love
March 8, 2018, 9:46pm
10
Tell us what’s happening:
these two error i cant’ solve :-Emphasize the text in your target4 button by adding HTML tags,Make sure to select button id=“target4” with jQuery.
Your code so far
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$(".target4").html("<em>jQuery Funhouse</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:**
Your Browser User Agent is: ```Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36```.
**Link to the challenge:**
https://www.freecodecamp.org/challenges/change-text-inside-an-element-using-jquery
It seems you are targeting the class of target4
, instead of the required id.
- $(".target4").html("<em>jQuery Funhouse</em>");
+ $("#target4").html("<em>jQuery Funhouse</em>");