JavaScript

Selecting DOM Elements

<h2>Interesting Choice of Words</h2>
<p>A paragraph that states nothing new.</p>
<p class="interesting-paragraph">A paragraph that could have been interesting.</p>
<p id="brutal-paragraph">This paragraph <span>doesn't</span> inspire.</p>

let firstParagraph = document.querySelector('p');
let secondParagraph = document.querySelector('.interesting-paragraph');
let thirdParagraph = document.querySelector('#brutal-paragraph');
firstParagraph.style.fontSize = "16px";
secondParagraph.style.fontSize = "32px";
thirdParagraph.style.fontSize = "24px";

// A complex selector

let inspirationConfirmation = document.querySelector('#brutal-paragraph>span');
inspirationConfirmation.textContent = "does";
inspirationConfirmation.style.color = "blue";