Esse pequeno projeto cria um app que renderiza dinamicamente e controla uma página web de Menu, buscando os itens do cardápio em dados presentes num array local. Assim, por meio de referências a elementos internos da página, são criados listeners para por meio da filtragem dos dados poder mostrar a seção do menu escolhida pelo usuário.
Assim, no clique de um botão, dependendo do teste feito pelo app, são inseridos dinamicamente na estrutura HTML os itens corretos.
Como nota específica deste app, é usado um listener no objeto Window do browser para garantir que o JavaScript comece a trabalhar depois da página web ter sido carregada.
DOMContentLoaded
Conjunto de projetos JavaScript inspirados na apresentação do professor Johm Smilga para aprofundar no conhecimento da linguagem.:1
Imagem do App Interative Menu apresentando uma seleção de itens de cardápio de acordo com a categoria escolhida pelo usuário:
Footnotes
-
Coding Addict - John Smilga ↩