El cambiador de color de fondo es un proyecto que permite cambiar el color de fondo de las páginas web con facilidad. Hay cuadros de color en una página web cuando el usuario hace clic en cualquiera de ellos, luego el color resultante aparecerá en el fondo de la página web. Hace que las páginas … Continue reading «Cambiador de color de fondo de diseño usando HTML CSS y JavaScript»
En el siguiente artículo, agregamos y eliminamos dinámicamente elementos de la lista mediante JavaScript. Estamos utilizando JavaScript para agregar y/o eliminar elementos de la lista de forma dinámica, lo que significa que si ejecutamos nuestra página web, mostrará la opción de agregar y eliminar elementos mediante botones. Enfoque: en la página web, se proporciona un … Continue reading «¿Cómo eliminar elementos de una lista agregada usando JavaScript?»
Javascript es un lenguaje de secuencias de comandos del lado del cliente de tipo dinámico, interpretado y de alto nivel. HTML es estático y Javascript se usa para agregar funcionalidad al código HTML estático. Los eventos HTML son manejados por JavaScript. Cuando ocurre un evento, requiere que se tome alguna acción. Esta acción se puede … Continue reading «¿Cómo activar eventos en JavaScript?»
La diferencia entre las propiedades screenX/Y, clientX/Y y pageX/Y de JavaScript suele confundirse. Cada una de las propiedades devuelve un valor que indica el número de píxeles físicos de diferentes puntos de referencia. Las diferencias y el caso de uso de estas propiedades se describen a continuación: 1. La propiedad screenX y screenY: screenX y … Continue reading «¿Cuál es la diferencia entre screenX/Y, clientX/Y y pageX/Y?»
En esta publicación, aprenderemos la lógica detrás de los botones de compartir que se muestran en los sitios web que se pueden usar para compartir una publicación o la URL completa del sitio en otras plataformas de redes sociales. Revisaremos esto en varios pasos para comprenderlo. Paso 1: Primero, necesitamos crear un archivo HTML que … Continue reading «¿Cómo devolver la URL actual para un botón de compartir usando JavaScript?»
La tarea es ocultar la etiqueta <span> cuando el atributo href de la etiqueta <a> no está presente o no es válido. Consideremos que tenemos la etiqueta <a> dentro de la etiqueta <span> . Se verá similar a esto: <span><a href=»www.google.com»></a></span> Ahora añadimos el id a los elementos para identificarlos. <span id=»outer»><a id=»inner» href=»www.google.com»></a></span> Ahora, … Continue reading «¿Cómo ocultar el elemento span si el atributo ancla href está vacío usando JavaScript?»
En este artículo, vamos a aprender cómo dar me gusta a todos los comentarios en una publicación de Facebook automáticamente. Muchas veces queremos que nos gusten todos los comentarios de amigos en nuestra publicación o en la publicación de cualquier otro, por lo que este script nos ayuda a ahorrar tiempo y esfuerzo al dar … Continue reading «¿Cómo dar me gusta automáticamente a todos los comentarios en una publicación de Facebook usando JavaScript?»
Una NodeList es una colección de Nodes similar a una array. Es básicamente una colección de elementos DOM. Para trabajar con una lista de Nodes, podemos convertirla en una array de JavaScript normal para que se puedan usar las características y la flexibilidad de una array. Un NodeList es un objeto host y no está … Continue reading «La forma más rápida de convertir JavaScript NodeList a Array»
JavaScript es un lenguaje de programación de subproceso único y la programación asincrónica es un concepto fundamental en torno al cual se construye el lenguaje. Hay tres métodos para manejar las llamadas asincrónicas integradas en JavaScript, como se muestra a continuación: Funciones de devolución de llamada Promesas y manejo de promesas con el método .then() … Continue reading «¿Cómo devolver la respuesta de una llamada asincrónica en JavaScript?»
Pocas veces queremos ver cómo se ve una página web sin JavaScript, básicamente en ese momento queremos deshabilitar JavaScript de esa página, en cada navegador hay una forma diferente de hacerlo. En este artículo, deshabilitaremos JavaScript en las herramientas para desarrolladores de Chrome. Deshabilitar JavaScript en Chrome Developer Tools: para deshabilitar JavaScript, siga el orden … Continue reading «¿Cómo deshabilitar JavaScript en las herramientas para desarrolladores de Chrome?»