[Résolu] équivalent Crtl+F rechercher/remplacer sur page html avec sur

Salut,
j'ai un peu travailler sur ce que tu souhaite faire et je te propose 2 solutions. Je tiens d'abord à te signaler que ce problème devrait plutôt être posé dans la catégorie javascript car pour réaliser cela, il faut utiliser du javascript.

Tout d'abord voici le code :

<main>

  <input placeholder="votre recherche" id="search">
  <button onclick="update()">Rechercher</button>
  
  <div id="main">

  coucou ceci un texte qu'il faudra par la suite remplacer par autre chose de plus utilise. Ce texte ne sert ici à rien mais bon il faut du contenu pour pouvoir tester

<div/>
</main>

Ceci sera à modifier en fonction de ce que tu veut faire avec cette surbrillance.

.surbrillance{
  color: red;
}

Et voici le javascript :

const main = document.getElementById('main')
const content = main.innerHTML
const input = document.getElementById('search')

let update = function(){
  text = input.value
  texteARechercher = new RegExp(text, 'g')
  main.innerHTML = content.replace(texteARechercher, '<span class="surbrillance">'+text+'</span>')
}

Cela fonctionne. Si tu as des questions sur comment cela fonctionne n'hésite pas.

Je te propose cependant une deuxième solutions moins performante si il y a beaucoup de contenun et qui pourrai être problématique sur des ordinateurs lents:

<main>

  <input placeholder="votre recherche" id="search" onkeyup="update()">
  
  <div id="main">

  coucou ceci un texte qu'il faudra par la suite remplacer par autre chose de plus utilise. Ce texte ne sert ici à rien mais bon il faut du contenu pour pouvoir tester

<div/>
</main>

Cela actualise la surbrillance à chaque fois que tu entres quelque chose dans la bare de recherche. (c'est plus pratique mais moins puissant)