<p>Paragraph 1<p>
<p>Paragraph 2<p>
<ul>
<li>List item A</li>
<li>List item B</li>
<li>List item C</li>
</ul>
<p>Paragraph 3<p>
<p>Paragraph 4<p>
<p>Paragraph 5<p>
<ol>
<li>List item I</li>
<li>List item II</li>
<li>List item III</li>
</ol>
body {
padding: 10px;
font-size: 20px;
background: black;
}
// v1 (anonymous function syntax)
let itemsV1 = document.querySelectorAll('p');
itemsV1.forEach(
function(item) {
item.style.color = 'white';
}
);
// v2 (arrow function syntax)
let itemsV2 = document.querySelectorAll('li');
itemsV2.forEach(item => item.style.color = '#fbdf00');
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.