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″]