Manipulação do DOM

document.body.innerHTML = '<h1>Lorem ipsum</h1>';

document.body.innerHTML = '<h1>Lorem ipsum</h1>';

const p = document.querySelector('p');
p.innerText = 'Lorem ipsum';

const p = document.querySelector('p');
p.innerText = 'Lorem ipsum';

document.body.classList.remove('color-red');
document.body.classList.add('color-blue');

document.body.classList.remove('color-red');
document.body.classList.add('color-blue');

document.body.className = 'text-center';

document.body.className = 'text-center';

document.body.setAttribute('class', 'active red');

document.body.setAttribute('class', 'active red');

const p = document.querySelector('p');
p.style.cssText = 'color: blue;';

const p = document.querySelector('p');
p.style.cssText = 'color: blue;';

const p = document.querySelector('p');
p.style.cssText = 'color: blue; font-size: 1.1rem;';

const p = document.querySelector('p');
p.style.cssText = 'color: blue; font-size: 1.1rem;';

const p = document.querySelector('p');
p.style.fontSize = '1.1rem';

const p = document.querySelector('p');
p.style.fontSize = '1.1rem';

const p = document.querySelector('p');
p.setAttribute('style', 'color: blue; font-size: 1.1rem;');

const p = document.querySelector('p');
p.setAttribute('style', 'color: blue; font-size: 1.1rem;');

const p = document.querySelector('p');
p.setAttribute('class', 'active red');

const p = document.querySelector('p');
p.setAttribute('class', 'active red');

const p = document.querySelector('p');
p.classList.add('color-blue');

const p = document.querySelector('p');
p.classList.add('color-blue');

const p = document.querySelector('p');
p.className = 'text-center';

const p = document.querySelector('p');
p.className = 'text-center';

const input = document.querySelector('#name');
console.log(input.value);
 
input.value = 'Alice';
console.log(input.value);

const input = document.querySelector('#name');
console.log(input.value);
 
input.value = 'Alice';
console.log(input.value);

const input = document.querySelector('#male');
input.checked;

const input = document.querySelector('#male');
input.checked;