Query HTML headings and print them

print-headings.js

printHeadings();

function printHeadings() {
  const headings = document.querySelectorAll("h1,h2,h3,h4,h5,h6");

  const formatted = Array.from(headings).map((element) => {
    const tag = element.tagName;
    const padding = parseInt(tag.charAt(1)) - 1;
    const text = element.textContent?.replace(/\s{2,}/g, " ");

    return `${" ".repeat(padding)}${tag} ${text}`;
  }).join('\n');

  console.log(formatted)
}