The Colorful Chameleon

[meviru]

Imagine you have a paragraph that wants to show off its new blue outfit. How can you change all <p> elements to wear blue, using just one line of JavaScript?

[shynekomaid]

document.querySelectorAll('p').forEach(p => p.style.color = 'blue');

Details:

1. document.querySelectorAll('p'): This method selects all

   elements in the document. It returns a NodeList, which is a collection of elements.

2..forEach(p => ... ): The forEach method is used to iterate over each element in the NodeList. It takes a callback function as an argument, which is executed for each element.

3 p => p.style.color = 'blue': This is an arrow function that takes a single parameter p (representing each

element). Inside the function, p.style.color = 'blue' sets the color property of the element's style to 'blue'.

So, this one-liner code effectively selects all

elements and changes their text color to blue by iterating through the NodeList and updating each element's style.