Topic Coloring


jQuery CSS selectors DOM manipulation JavaScript 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