Resumo da Aula Correção dos exercícios da aula passada - Aula 02-01da etapa 05 (exercício 13)

[andersonpereiragithub]

01

• Adicione apenas uma linha de código dentro da função "getCatInfo" para fazer com que as informações do gato estejam disponíveis fora da função;

• Abaixo da função "getCatInfo", exiba no console a seguinte mensagem:

  "NOME_DO_GATO é um gato COR_DO_GATO de IDADE_DO_GATO anos."

  
  const getCatInfo = () => {
  const name = 'Marcos'
  let age = 3
  const color = 'Cinza'
  
  return { name, age, color }
  }

console.log(${getCatInfo().name} é um gato ${getCatInfo().color} de ${getCatInfo().age} anos.)

  02
  - Adicione apenas duas linhas de código dentro da função "external" para exibir no console a string que a const movie armazena, com todas as letras maiúsculas.
```js
const external = () => {
  const movie = 'Parasite'

  const internal = () => {

    const extraInternal = () => {
      console.log(movie.toUpperCase())
    }
    extraInternal()
  }
  internal()
}

external()

03

• Exiba no console o array abaixo com a ordem dos itens invertida;

• O resultado exibido deve ser [1, 2, 3];

  Dica: procure pelo método reverse, no MDN.

let randomNumbers = [3, 2, 1]

console.log(randomNumbers.reverse())

04

• Exiba no console o array abaixo com o 1º item removido;

  Dica: procure pelo método shift, no MDN.

  let crazyArray = [
  { prop1: '1', prop2: '2' },
  function getMessage () { return 'hi' },
  [ 5, 96, 53  ]
  ]
  crazyArray.shift()
  console.log(crazyArray.join(', '))

  05

• Encontre no array abaixo o cão com o nome "Zequinha" e exiba esse objeto no console;

  Dica: procure pelo método find, no MDN.

  
  const dogs = [
  { name: 'Olivia', age: 3, gender: 'Female', breed: 'Maltês' },
  { name: 'Zé', age: 2, gender: 'Male', breed: 'Pug' },
  { name: 'Jade', age: 4, gender: 'Female', breed: 'Shiba inu' },
  { name: 'Zequinha', age: 7, gender: 'Male', breed: 'Poodle' },
  { name: 'Xica', age: 6, gender: 'Female', breed: 'Chihuahua' }
  ]

console.log(dogs.find(element => element.name === 'Zequinha' ))

  06
  - Cole o markup HTML abaixo em seu index.html;
  - Utilize o query selector para obter a referência do título principal da página, através da classe dele;
  - Exiba a referência do título principal no console.
```html
  <section>
    <article>
      <h1 class="main-title">Curiosidades sobre o filme Jurassic Park</h1>

      <ul>
        <li>
          <h2 class="secondary-title">Direto das páginas do livro</h2>
          <p>No livro Parque dos Dinossauros, de Michael Crichton, o personagem John Hammond anuncia orgulhoso que o guia turístico do parque é o ator Richard Kiley, conhecido nos Estados Unidos. No filme, o diretor Steven Spielberg convidou o próprio Kiley para interpretar a si mesmo nesta cena.</p>
        </li>

        <li>
          <h2 class="secondary-title">Passou adiante</h2>
          <p>O ator William Hurt chegou a ser convidado para interpretar o Dr. Alan Grant, mas recusou o papel sem nem mesmo ler o roteiro original do filme.</p>
        </li>

        <li>
          <h2 class="secondary-title">Sistemas operacionais do parque</h2>
          <p>Nos diversos softwares que aparecem em Jurassic Park foram utilizadas várias linguagens. Pode-se notar que um dos programas utilizados no parque foi escrito em Pascal, em um dos monitores percebe-se a utilização do sistema UNIX e a interface gráfica utilizada é a 3D File System Navigator, da Sillicon Graphics.</p>
        </li>
      </ul>
    </article>
  </section>

const title = document.querySelector('.main-title')
console.log(title)

07

• Obtenha um NodeList com as referências de todos os títulos secundários da página, através da classe deles;
• Exiba esse NodeList no console.

  const secondaryTitle = document.querySelectorAll('.secondary-title')
  console.log(secondaryTitle)

[Roger-Melo]

Boa @andersonpereiragithub rumo à fluência! 🔥