Las alertas en JavaScript son un componente importante en el diseño web. Se utilizan comúnmente para notificar a los usuarios. La biblioteca SweetAlert2 tiene como objetivo hacer que las alertas de aspecto básico sean mucho más atractivas y también proporcionar contexto a la alerta. La documentación y los ejemplos de uso de SweetAlert2 se pueden … Continue reading «¿Cómo crear alertas personalizables en JavaScript?»
Dada una array que contiene algunos elementos de array y la tarea es realizar la rotación de la array con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación: Enfoque 1: podemos usar el método Array unshift() y el método Array pop() para extraer primero el último elemento de la array y … Continue reading «¿Cómo rotar elementos de array usando JavaScript?»
Dado un enlace, la tarea es eliminar el subrayado del elemento ancla con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación: Enfoque 1: use la propiedad textDecoration de JavaScript para realizar esta operación. Se puede establecer en muchos valores pero, en este ejemplo, se ha establecido en ninguno . Ejemplo: <!DOCTYPE … Continue reading «¿Cómo eliminar el subrayado del enlace usando JavaScript?»
Se le da un acercamiento a una imagen en particular utilizando el método de escala y traducción. En este proceso de acercamiento, una imagen debe acercarse desde el centro de la imagen. Esa imagen tiene algo de ancho y alto en caso de forma rectangular y tiene las dimensiones adecuadas de acuerdo con la forma … Continue reading «¿Cómo acercar un punto usando la escala y la traducción?»
La tarea es aplicar la propiedad CSS a un elemento secundario usando jQuery. Para hacerlo, primero seleccionamos el elemento secundario con la ayuda del método children() en jQuery y luego le aplicamos la propiedad CSS con la ayuda del método css() en jQuery. Sintaxis: // Note : children method selects the direct child to parent … Continue reading «¿Cómo aplicar la propiedad css a un elemento secundario usando JQuery?»
Directiva ng-show y ng-hide: ambas directivas se usan para mostrar u ocultar el elemento de HTML. Depende del valor de las directivas. Los valores son «verdadero» o «falso» . Ejemplo 1: <!DOCTYPE html> <html> <script src= «https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js»> </script> <body> <center> <div ng-app=»»> <!– ng-show =true –> <h1 style=»color:green» ng-show=»true»> GeeksforGeeks</h1> <!– ng-show =false … Continue reading «AngularJS | DOM HTML»
Aprenderemos cómo editar el valor de entrada de fecha de Bootstrap 4. La tarea es cambiar el valor del campo de fecha con la ayuda de un código JavaScript simple. Enfoque: Vamos a utilizar tres tecnologías web que son HTML, JavaScript y CSS. Generalmente, cuando elegimos algún valor aleatorio y hacemos clic en el botón … Continue reading «¿Cómo editar el valor de entrada de fecha de Bootstrap 4?»
La etiqueta <figure> en HTML se usa para agregar contenido independiente como ilustraciones, diagramas, fotos o listas de códigos en un documento. Está relacionado con el flujo principal, pero se puede usar en cualquier posición de un documento y la figura va con el flujo del documento y, si se elimina, no debería afectar el … Continue reading «¿Cómo especificar contenido autónomo usando HTML?»
En este artículo, veremos cómo concatenar strings en AngularJS. Hay pocas formas de concatenar las strings en AngularJS. En este artículo, veremos 2 de ellos. Ejemplo 1: en el primer ejemplo, estamos usando el operador ‘+’ para concatenar las strings HTML <!DOCTYPE HTML> <html> <head> <script src= «https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js»> </script> <script> var myApp = angular.module(«app», … Continue reading «¿Cómo concatenar strings usando AngularJS?»
Hay varios enfoques para hacer que un elemento de entrada sea igual a su etiqueta. Aquí se discuten algunos enfoques. CSS básico para etiquetar, expandir e ingresar para obtener resultados claros. Uso de atributos flotantes y de desbordamiento: crea una etiqueta y dale estilo con el atributo flotante . Ahora configure la etiqueta flotante (posición) … Continue reading «¿Cómo poner un elemento de entrada en la misma línea que su etiqueta?»