La función map() en JavaScript se usa para generar una nueva array llamando a la función para cada elemento de la array. Nota: El método map() llama a la función para cada elemento de la array en orden. map() no se ejecuta para elementos de array que no tienen valores. map() no cambia la array … Continue reading «¿Cómo omitir un elemento en .map() ?»
La tarea es ordenar la array de JavaScript en varias columnas con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación. Enfoque 1: combinar las operaciones de clasificación múltiple por operador OR y comparar las strings. Para comparar la string, usaremos el método localeCompare() . Ejemplo: Este ejemplo implementa el enfoque anterior. … Continue reading «¿Cómo ordenar una array en varias columnas usando JavaScript?»
Para cambiar o establecer un estilo de fuente para cierto texto, se debe cambiar la propiedad CSS fontFamily . La propiedad fontFamily establece o devuelve una lista de nombres de familias de fuentes para el texto de un elemento. Sintaxis: object.style.fontFamily = «font» Para cambiar el estilo de fuente mediante el menú desplegable de opciones: … Continue reading «¿Cómo cambiar el estilo de fuente usando la lista desplegable en JavaScript?»
Dadas algunas imágenes y la tarea es crear una transición lenta de una imagen a otra usando Javascript. Requisito previo: en este artículo, utilizaremos los siguientes métodos de JavaScript. método setInterval() método clearInterval() asíncrono/espera Promesa Enfoque: dadas algunas imágenes y la tarea es cambiar las imágenes después de intervalos regulares con un efecto de desvanecimiento … Continue reading «Transición de imagen con efecto de desvanecimiento usando JavaScript»
El método find() se usa para encontrar todos los elementos descendientes del elemento seleccionado. Encuentra el elemento en el árbol DOM atravesando la raíz hasta la hoja. El método filter() se usa para filtrar todos los elementos y devuelve el elemento que coincide y se eliminan los elementos que no coinciden. La única diferencia es … Continue reading «¿Cuál es la diferencia entre los métodos find() y filter() en JavaScript?»
Twitter’s Popover is a bootstrap component somewhat similar to tool-tip where the highlighting difference is that it is triggered whenever the user clicks on the specified selector. Before we use <div> as the content inside the popover, let us have a look on DOM structure of the popover: Programa: estructura DOM de un popover. <!– … Continue reading «¿Cómo usar un div como contenido para Popover de Twitter?»
Bootstrap Select es un control de formulario que muestra una lista plegable de diferentes valores que se pueden seleccionar. Esto se puede utilizar para mostrar formularios o menús al usuario. Este artículo muestra los métodos mediante los cuales se puede diseñar un elemento <select> en Bootstrap, usando estilos personalizados y bootstrap-select . Uso de los … Continue reading «¿Cómo usar bootstrap-select para el menú desplegable?»
Envolver el texto alrededor de una imagen es bastante atractivo para cualquier tipo de sitio web. Al usar HTML y CSS, es posible envolver una imagen con el texto y hay muchas maneras de hacerlo porque la forma de cualquier imagen no es constante. En HTML, podemos alinear la imagen a la derecha del texto, … Continue reading «¿Cómo envolver el texto alrededor de una imagen usando HTML y CSS?»
Los emojis son letras (caracteres) del juego de caracteres UTF-8 (Unicode). El elemento <meta charset=”UTF-8″> en HTML define el juego de caracteres. Muchos caracteres UTF-8 no se pueden escribir en un teclado, pero siempre se pueden mostrar mediante números (llamados números de entidad). Para que el navegador comprenda que está mostrando un carácter, debe comenzar … Continue reading «Emoticonos HTML»
Para hacer que un sitio web responda, lo inteligente es usar Bootstrap. Al usar Bootstrap, podemos hacer que nuestro sitio web se vea bien y responda. Hay dos formas de establecer una imagen o un logotipo en el centro de una barra de navegación receptiva. Están: Usando CSS Usando Bootstrap Ahora vamos a entender cada … Continue reading «¿Cómo configurar la imagen en el centro de una barra de navegación receptiva?»