Es el día 15 de los 100 días del desafío de codificación de Miva, que ha pasado muy rápido pero me ha ayudado a mejorar enormemente en mis habilidades de HTML, CSS y JavaScript.
Hoy aprendí dos conceptos en JavaScript. Visualización de propiedades de objetos y eventos de JavaScript. Son muy importantes para agregar datos y también para mantener las páginas web receptivas e interactivas.
Mostrar propiedades de objeto
Como mencioné anteriormente, los objetos se utilizan para crear bloques de datos que contienen datos de diferentes tipos de datos relacionados entre sí o con un tema en particular; escrito en formato de par clave-valor.
Mostrar estas propiedades tiene diferentes métodos para lograrlo. En primer lugar, se pueden mostrar como cadenas donde las propiedades se concatenan usando el operador de suma.
Se pueden mostrar como un bucle seleccionando cada par de clave y valor hasta que se agote el objeto.
También se pueden mostrar en formato de matriz usando el método Object.values().
Finalmente, se pueden mostrar usando el método JSON.stringify() que los muestra usando la notación JSON.
Eventos de JavaScript
Los eventos son acciones que ocurren en una página web debido a la acción o entrada del navegador o del usuario. Acciones como hacer clic en un botón, cargar una página web, cambiar el tamaño de la página, etc., se conocen como eventos. El código JavaScript se puede utilizar para provocar ciertas reacciones cuando ocurren estas acciones.
Por ejemplo, con solo hacer clic en un botón, se puede usar código JavaScript para mostrar la hora y la fecha en tiempo real en comparación con la visualización estática con HTML y CSS.
El código JavaScript también se puede utilizar para cambiar el contenido de un elemento en particular cuando se realiza una acción sobre él.
Las funciones también se pueden llamar y ejecutar en caso de un evento.
El concepto de eventos de JavaScript es crucial para hacer que las páginas web sean responsivas e interactivas, ya que pueden usarse para inducir reacciones en tiempo real a acciones en las páginas web.
¿¡El día 15 fue enormemente productivo y educativo y planeo explorar más sobre eventos de JavaScript mañana!?
Códigos fuente disponibles aquí:
Visualización de objetos: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)
Eventos de JavaScript: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3