Trigger un input (qui agit comme une barre de recherche) en insérant un mot

[Finelarme9]

Bonjour tout le monde.

Mon but est de trigger mon input (qui agit comme une barre de recherche) en insérant un mot (avec un bouton). Actuellement mon input n'est pas trigger (j'ajoute le mot avec un bouton mais le barre de recherche ne prend pas en compte le mot ajouté). Avez-vous des conseils svp ? Merci d'avance pour votre aide. NB: J'ai regardé les scripts de simulation de touches clavier (sans succès) + " .on('input' " (mais je ne suis pas sûre que cela puisse m'aider).

Pour voir mes scripts en fonctionnement = https://jsfiddle.net/4k9gxvho/.

Sinon ici =

<input id="searchbar" onkeyup="fsearch()" type="text">
<br />
<span class="choice">A</span>
<span class="choice">B</span>
<br />
<button onclick="word_insertion(this)" data-product-name="A">Insert A</button>

<!-- Script = Insertion mot  -->
<script>
function word_insertion(element){
document.getElementById('searchbar').value = element.getAttribute('data-product-name');}    
</script>

<!-- Script = Barre de recherche -->
<script>
function fsearch(){ 
let input = document.getElementById('searchbar').value 
input=input.toLowerCase(); 
let x = document.getElementsByClassName('choice');       
for (i = 0; i < x.length; i++) {  
if (!x[i].innerHTML.toLowerCase().includes(input)) { x[i].style.display="none"; }
else { x[i].style.display="list-item";                  
}}}
</script>

-----

[Finelarme9]

Ok la solution était simple.

#### lien supprimé

<input id="searchbar" onkeyup="fsearch()" type="text">
<br />
<span class="choice">A</span>
<span class="choice">B</span>
<br />
<button onclick="word_insertion(this)" data-product-name="A">Insert A</button>

Pour éviter d'utiliser des sites externes, merci de poursuivre la suite du code dans la discussion , avec la balise code.

Le lien est supprimé