JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" placeholder="Recherche" id="recherche" />
<div id="documents">
    <div class="document">Je suis un document</div>
    <div class="document">Moi aussi</div>
    <div class="document">Un document avec pas mal de texte</div>
</div>

JavaScript

document.getElementById('recherche').addEventListener('keyup', function(e) {
  var recherche = this.value.toLowerCase();
  var documents = document.querySelectorAll('.document');
 
  Array.prototype.forEach.call(documents, function(document) {
    // On a bien trouvé les termes de recherche.
    if (document.innerHTML.toLowerCase().indexOf(recherche) > -1) {
      document.style.display = 'block';
    } else {
      document.style.display = 'none';
    }
  });
});