Pular para o conteúdo
Bruno Dórea
Todos os posts

3 mins de leitura


Criando uma Vitrine de Brinquedos

Explorando HTML e CSS com Lógica de Programação - 1/2


Ri Happy - Front-end do Zero
Ri Happy - Front-end do Zero

Descrição

Ao construir uma página web, usamos tags HTML para organizar o conteúdo de forma estruturada. As tags <ul> e <li> são utilizadas para criar listas não ordenadas. A tag <ul> define o contêiner da lista, enquanto a tag <li> é utilizada para representar cada item dentro dessa lista. Esse formato é ideal para agrupar informações de maneira clara e organizada.

Este desafio consiste em criar um programa em JavaScript que recebe três strings como entrada do usuário, cada uma contendo o nome de um brinquedo. O programa deverá exibir essas strings como uma lista HTML formatada, usando a tag ul para a lista e a tag li para cada item da lista.

Entrada

A entrada será composta por três strings que representam os nomes dos brinquedos. A função gets() deverá ser utilizada para obter as entradas.

Saída

A saída deverá ser uma lista HTML com os brinquedos. Use a tag <ul> para a lista e a tag <li> para cada brinquedo.

Exemplos

A tabela abaixo apresenta exemplos com alguns dados de entrada e suas respectivas saídas esperadas. Certifique-se de testar seu programa com esses exemplos e com outros casos possíveis.

EntradaSaída
<ul>
Boneca<li>Boneca</li>
Carrinho<li>Carrinho</li>
Lego<li>Lego</li>
</ul>
EntradaSaída
<ul>
Bola<li>Bola</li>
Lego<li>Lego</li>
Pipa<li>Pipa</li>
</ul>
EntradaSaída
<ul>
Dinossauro<li>Dinossauro</li>
Patinete<li>Patinete</li>
Ursinho<li>Ursinho</li>
</ul>

Resolução

let brinquedo1 = gets()
let brinquedo2 = gets()
let brinquedo3 = gets()
 
print("<ul>")
print(`<li>${brinquedo1}</li>`)
print(`<li>${brinquedo2}</li>`)
print(`<li>${brinquedo3}</li>`)
print("</ul>")

Para encontrar outras soluções, verifique aqui.

Caso encontre algum erro ou tenha sugestões, clique aqui e abra uma issue no Github.