cheatsheet.js

// Examine Document Object
// console.dir(document);
// console.log(document.URL);
// console.log(document.title);
// console.log(document.body);
// document.title = 'New title';


// Selecting element by Id
let par1 = document.getElementById('par1');
// console.log(par1);

// Updating the content of HTML element
// par1.innerHTML = "Hello World";


// Selecting element by class
const h1 = document.getElementsByClassName('h1');
// console.log(h1);
// h1[0].innerHTML = "Heading One";

// Selecting element by element/tag name
let allPar = document.getElementsByTagName('p');
// console.log(allPar);
// for (let i = 0; i < allPar.length; i++) {
  // allPar[i].innerHTML= "Hello World";
// }

// Selecting element using querySelector
// console.log(document.querySelector('#par1'));
// console.log(document.querySelector('.h1'));
// console.log(document.querySelector('p'));
// console.log(document.querySelectorAll('p'));

// Event listener
function alertPopup() {
  alert('Hello World');
}
const button = document.querySelector('button');
button.addEventListener("click", alertPopup);