Exercício Fácil: Criando e usando um Objeto

Este é um exercício bem fácil para ajudar os que estão iniciando a usar e entender melhor objetos e como monta-los.

A função usandoObjetos receberá um parâmetro apenas. Esse parâmetro será um objeto contendo as propriedades nome, idade, imgSrc e o método isMenor.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
</head>

<body>
    <p></p>
    <p></p>
    <p></p>
    <script>
//Não se preocupe com a complexidade da função.
// O exercício precisa que você apenas envie os dados para ela e observe a saída que ela produzirá no HMTL.
        function usandoObjetos(configuracao) {
            let parag = document.querySelectorAll("p");

            parag[0].innerHTML = "Nome: " + configuracao.nome.replace(/^\w/, c => c.toUpperCase());

            parag[1].innerHTML = "Idade: " + configuracao.idade;
            parag[1].style.color = configuracao.isMenor() ? "Red" : "Black";

            parag[2].innerHTML = `<img src="${configuracao.imgSrc}"/>`;
        }

    </script>
</body>

</html>

Utilize seus conhecimentos de programação e tipos de dados para garantir que os dados corretos estão sendo preenchidos e que não existam erros.

let config = {
    nome: "um nome completo"
    //seu código aqui
}

usandoObjetos(config);

Dicas

  • Um nome deveria ser de que tipo de dado?
  • E Idade?
  • idMenor é uma função que quer saber se a pessoa é menor de idade
  • imgSrc é o caminho de uma imagem

Precisando de Ajuda? O download abaixo é uma possível solução, mas tente resolver o problema primeiro antes de baixá-lo.

[download id=”1254″]

Deixe um comentário