Topic Coloring


jQuery CSS selectors DOM manipulation Public New

Easy 

10min


Write the function newMessage, which receives the name of the topic as the parameter. Function should change the background-color of the p tag to red where the data-topic-name is topicName.

For example, if the HTML is:

<div>
  <p data-topic-name="discussion">General discussion</p>
  <p data-topic-name="bugs">Bugs</p>
  <p data-topic-name="animals">Animals</p>
</div>

After calling newMessage("discussion") the HTML should be:

<div>
  <p data-topic-name="discussion" style="background-color: red;">General discussion</p>
  <p data-topic-name="bugs">Bugs</p>
  <p data-topic-name="animals">Animals</p>
</div>
ECMAScript 6, jQuery v3.2.1 (available as $)
   

  •   Example case: Wrong answer
  •   The topic with the newest message is red: Wrong answer
  •   Topics without new messages keep their color: Wrong answer