Resumo da Aula Exercícios da Aula 01 da etapa 01 (exercício 01)

[andersonpereiragithub]

01 - Neste diretório (exercicio-01), há um index.html vazio.

Faça o seguinte:

• Declare uma marcação HTML básica nele;
• Modifique a linguagem para português do Brasil;
• Remova as meta tags desnecessárias;
• Modifique o title para "Exercício 01";
• E linke este arquivo, app.js, antes do fechamento da tag body.

02 - Inicie o seu servidor local e abra o console do browser.

03 - Para certificar-se que este arquivo realmente está linkado, exiba a frase
"JS is Awesome!" em um alert no browser.

Como mencionei durante a aula: não se preocupe em entender 100% o que os comandos
"alert" e "console" fazem. Nós falaremos sobre eles mais à frente =)

Utilize os espaços entre os comentários abaixo para executar os códigos dos exercícios. Inclusive o alert mencionado acima.

alert('JS is Awesome!')

04 - Comente o alert que você escreveu acima, utilizando o comentário de uma linha.

05 - Declare uma const "myBirthYear", que recebe o ano do seu nascimento, com 4
dígitos. Ex.: 1930.

const myBirthYear = 1973

06 - Declare uma const "currentYear", que recebe o ano atual, com 4 dígitos.

const currentYear = 2022

07 - Exiba as const "myBirthYear" e "currentYear", lado a lado, no console do browser.

console.log(myBirthYear, currentYear)

08 - Experimente.

• Declare uma const "myAge", que recebe o ano atual subtraído pelo ano do seu
  nascimento. Mas sem digitar os números manualmente.

Você pode utilizar o sinal de menos (-) entre os dois valores e verificar o que
acontece.

• Exiba a "myAge" no console.

const myAge = currentYear - myBirthYear
console.log(myAge)

09 - Antes do console.log abaixo, declare uma const "ten", que recebe o número
10 e:

• Descomente o console.log;
• Substitua a palavra "valor1" pelo ano atual somado à 10;
• Substitua a palavra "valor2" pela sua idade somada à 10;
• Os números não devem ser digitados manualmente;
• Observe o resultado no console do browser.

Não se assuste com as crases e os cifrões. Conversaremos mais sobre operações
matemáticas e strings (textos) em breve =)

const ten = 10
console.log(`Em ${currentYear + ten}, estarei com ${myAge + ten} anos.`)

10 - Abra o site abaixo no browser e faça o seguinte:

http://whathappenedinmybirthyear.com/

• Abra o console do devtools;
• Provavelmente, haverão alguns warnings nele. Pressione ctrl + L para limpá-lo;
• No console do devtools, declare uma const "myBirthYear" que recebe o ano em que
  você nasceu (4 dígitos) e pressione enter;
• No final da 1ª linha do código abaixo, substitua SEU_ANO_DE_NASCIMENTO pelo uso
  da const myBirthYear;
• Cole as duas linhas de código no console, pressione enter, feche o console e
  veja o que acontece.

  document.querySelector('#birthYear').value = myBirthYear
  document.querySelector('.formButton').click()

[Roger-Melo]

Excelente @andersonpereiragithub, rumo à fluência! 🎯