Salut, j'ai un peu du mal a prononcer ma question.
J'essaye de faire une barre de recherche avec les résultats qui s'affichent juste en dessous de la barre en temps réel.

J'ai créé la "logique" du filtrage de la barre de recherche en fonction mais je n'ai aucune idée de comment je pourrais l'afficher.
Je suis débutant en Javascript et normalement ma fonction trie les fichiers JSON par leurs "titles", maintenant faut pouvoir afficher les résultats en dessous de la barre de recherche si quelqu'un pourrait m'éclairer

// Search bar

const search = document.getElementById('search');
const matchList = document.getElementById('match-list');

// Search Data.json and filter it
const searchStates = async searchText => {
  const res = await fetch('../src/Data.json');
  const states = await res.json();

  //Get matches to current text input
  let matches = states.filter(state => {
    const regex = new RegExp(`^${searchText}`, 'gi');
    return state.title.match(regex);
  });

  if(searchText.length === 0) {
    matches = [];
  }

  console.log(matches);
};

search.addEventListener('input', () => searchStates(search.value));

Tu peux faire une recherche avec les mots clé : search bar suggestion js

Salut, tu crées des div avec createElement etc...