Buscador de texto en una página web con JavaScript
Publicado: 14 Dic 2023, 12:03
Fuente ChatGPT Funciona!
Script de búsqueda en JavaScript mejorado que debería funcionar en la mayoría de los navegadores modernos. Este script utiliza la API window.find() para buscar en la página:
JavaScript
Código generado por IA. Revisar y usar cuidadosamente. Más información sobre preguntas frecuentes.
Cuando haces clic en el botón “Buscar”, este script intentará buscar el término ingresado en el área de texto en la página web utilizando la función window.find(). Esta función moverá el foco del navegador a la primera aparición del término de búsqueda en la página.
Por favor, ten en cuenta que window.find() puede no ser compatible con todos los navegadores. Si estás utilizando un navegador que no es compatible con window.find(), es posible que debas buscar una biblioteca de JavaScript de terceros que proporcione una funcionalidad de búsqueda compatible con tu navegador.
Script de búsqueda en JavaScript mejorado que debería funcionar en la mayoría de los navegadores modernos. Este script utiliza la API window.find() para buscar en la página:
JavaScript
Código generado por IA. Revisar y usar cuidadosamente. Más información sobre preguntas frecuentes.
Código: Seleccionar todo
<!DOCTYPE html>
<html>
<body>
<h2>Buscador de texto en la página</h2>
<input type="text" id="textoBusqueda" placeholder="Escribe el término de búsqueda aquí">
<button onclick="buscar()">Buscar</button>
<script>
function buscar() {
var terminoBusqueda = document.getElementById('textoBusqueda').value;
window.find(terminoBusqueda);
}
</script>
</body>
</html>
Por favor, ten en cuenta que window.find() puede no ser compatible con todos los navegadores. Si estás utilizando un navegador que no es compatible con window.find(), es posible que debas buscar una biblioteca de JavaScript de terceros que proporcione una funcionalidad de búsqueda compatible con tu navegador.