JavaScript

Selecting DOM Elements

<h1>Quotes</h1>
<div class="page">
  <h2 id="welcome">Welcomes are hard too!</h2>
  <h2 id="punchline">Punchlines are sweet!</h2>
</div>

let mainHeading = "";
let punchline = "";
let headings = "";

let mainHeading = document.getElementById('welcome');
let punchline = document.getElementById('punchline');
let allHeadings = Array.from(document.getElementsByTagName('h2'));

console.log(mainHeading);
console.log(punchline);
console.log(allHeadings);