É o 15º dia do desafio de codificação dos 100 dias da Miva, que passou muito rapidamente, mas me ajudou a melhorar enormemente minhas habilidades em HTML, CSS e JavaScript.
Hoje aprendi dois conceitos em JavaScript. Exibindo propriedades de objetos e eventos JavaScript. Eles são muito importantes para adicionar dados e também para manter as páginas da web responsivas e interativas.
Exibindo propriedades do objeto
Como discuti anteriormente, os objetos são usados para criar blocos de dados contendo dados de diferentes tipos de dados relacionados entre si ou com um assunto específico; escrito em um formato de par de valores-chave.
A exibição dessas propriedades tem diferentes métodos pelos quais isso pode ser alcançado. Primeiramente, eles podem ser exibidos como strings onde as propriedades são concatenadas usando o operador de adição.
Eles podem ser exibidos como um loop selecionando cada par de chave e valor até que o objeto se esgote.
Eles também podem ser exibidos em um formato de array usando o método Object.values().
Finalmente, eles podem ser exibidos usando o método JSON.stringify() que os exibe usando a notação JSON.
Eventos JavaScript
Eventos são ações que ocorrem em uma página da web devido à ação ou entrada do navegador ou do usuário. Ações como clicar em um botão, carregar uma página da web, dimensionar uma página e assim por diante são conhecidas como Eventos. O código JavaScript pode ser usado para causar certas reações quando essas ações acontecem.
Por exemplo, ao clicar em um botão, o código JavaScript pode ser usado para exibir a hora e a data em tempo real em comparação com a exibição estática com HTML e CSS.
O código JavaScript também pode ser usado para alterar o conteúdo de um elemento específico quando uma ação ocorre nele.
As funções também podem ser chamadas e executadas no caso de um evento.
O conceito de eventos JavaScript é crucial para tornar as páginas da web responsivas e interativas, pois podem ser usados para induzir reações em tempo real às ações nas páginas da web.
O dia 15 foi extremamente produtivo e educativo e pretendo explorar mais sobre eventos JavaScript amanhã!?
Códigos-fonte disponíveis aqui:
Exibição de objeto: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)
Eventos JavaScript: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)
Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.
Copyright© 2022 湘ICP备2022001581号-3