Este script de JavaScript permite buscar una palabra específica en los encabezados (etiquetas <h1>
, <h2>
, <h3>
, <h4>
, <h5>
y <h6>
) de una página web y muestra un resumen de los resultados encontrados.
- Solicita al usuario que ingrese una palabra para buscar.
- Obtiene todos los encabezados de la página web.
- Busca la palabra ingresada por el usuario en el texto de cada encabezado.
- Genera un resumen que muestra:
- El número total de encabezados de cada tipo (
h1
,h2
,h3
, etc.). - El número de encabezados de cada tipo que contienen la palabra buscada.
- El número total de encabezados de cada tipo (
- Muestra los encabezados encontrados en forma de tabla en la consola del navegador.
- Muestra el resumen generado en la consola del navegador.
El script consta de tres funciones principales:
-
obtenerEncabezados()
: Obtiene todos los encabezados de la página web utilizandodocument.querySelectorAll()
y los convierte en un array de objetos que contienen el ID, tipo, texto y un indicador de si contienen o no la palabra buscada. -
buscarPalabra(titulos, palabra)
: Recibe el array de encabezados y la palabra a buscar. Itera sobre cada encabezado y actualiza el indicadorcontienePalabra
si el texto del encabezado contiene la palabra buscada (sin distinguir mayúsculas y minúsculas). -
obtenerResumen(titulos, palabra)
: Recibe el array de encabezados y la palabra buscada. Genera un objetoresumen
que contiene dos propiedades:totales
yconPalabra
. Cada una de estas propiedades es un objeto que almacena el recuento de encabezados de cada tipo (h1
,h2
,h3
, etc.).
Finalmente, el script muestra los encabezados encontrados en forma de tabla y el resumen generado en la consola del navegador.
- Copia el código JavaScript en un archivo o en un Gist de GitHub.
- En tu navegador web, abre la página en la que deseas buscar los encabezados.
- Abre la consola del navegador (generalmente con F12 o Ctrl+Shift+I en la mayoría de los navegadores).
- Pega el código JavaScript en la consola y presiona Enter para ejecutarlo.
- Ingresa la palabra que deseas buscar cuando se te solicite.
- Los resultados se mostrarán en la consola del navegador.
Ten en cuenta que este script debe ejecutarse en el contexto de una página web, ya que accede al DOM de la página para buscar los encabezados.