<h1 id='test1'>Hello, world</h1>


<h1 id='test2'>JavaScript <br/>is fun</h1>

#test1{
  text-transform: uppercase;
}

const textContent1 = document.querySelector('#test1').textContent;
const innerText1 = document.querySelector('#test1').innerText;
console.log('textContent: ' + textContent1)
console.log('innerText: ' + innerText1)

const textContent2 = document.querySelector('#test2').textContent;
const innerText2 = document.querySelector('#test2').innerText;
console.log('textContent: ' + textContent2)
console.log('innerText: ' + innerText2)