Woher der Name Ihrer Suche kommt

<form id="suche" role="search">
  <label for="suchfeld">Website durchsuchen</label>
  <div class="suchzeile">
    <input id="suchfeld" name="q" type="search">
    <button type="submit">Suchen</button>
  </div>
</form>

<p id="suchstatus" role="status"></p>
<ul id="suchtreffer"></ul>

<script>
const seiten = [
  { titel: 'Barrierefreiheit prüfen', text: 'Prüfverfahren und Fundstellen' },
  { titel: 'WCAG verständlich erklärt', text: 'Kriterien und Beispiele' },
  { titel: 'Barrierefreie Formulare', text: 'Labels und Fehlermeldungen' }
];
const formular = document.querySelector('#suche');
const feld = document.querySelector('#suchfeld');
const status = document.querySelector('#suchstatus');
const liste = document.querySelector('#suchtreffer');

formular.addEventListener('submit', (ereignis) => {
  ereignis.preventDefault();
  const begriff = feld.value.trim();
  const funde = seiten.filter((seite) =>
    (seite.titel + ' ' + seite.text)
      .toLowerCase()
      .includes(begriff.toLowerCase())
  );

  liste.replaceChildren(...funde.map((fund) => {
    const eintrag = document.createElement('li');
    const titel = document.createElement('strong');
    const text = document.createElement('p');
    titel.textContent = fund.titel;
    text.textContent = fund.text;
    eintrag.append(titel, text);
    return eintrag;
  }));

  status.textContent = funde.length === 1
    ? `1 Treffer für „${begriff}“`
    : `${funde.length} Treffer für „${begriff}“`;
});
</script>