JavaScript

Selecting DOM Elements

<h2>Interesting Choice of Words</h2>
A paragraph that states nothing new.
A paragraph that could have been interesting.
This paragraph doesn't inspire.

let allParagraphs = document.querySelectorAll('p');
allParagraphs.forEach(para => {
  para.style.border = "3px solid crimson";
});
// A complex selector
let inspirationConfirmation = document.querySelectorAll('#brutal-paragraph>span');
inspirationConfirmation.forEach(word => {
  if (word.textContent === "doesn't") word.textContent = "does";
});