JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" onclick="qui(this)" name="button1" value="bouton"/><br/>
<input type="button" onclick="qui(this)" name="button2" value="bouton"/><br/>
<input type="button" onclick="qui(this)" name="button3" value="bouton"/><br/>
<input type="button" onclick="qui(this)" name="button4" value="bouton"/><br/>
<input type="button" onclick="qui(this)" name="button5" value="bouton"/><br/>
<input type="button" onclick="qui(this)" name="button6" value="bouton"/><br/>
<br/>


<input type="button" class="foo" name="button7" value="bouton"/><br/>
<input type="button" class="foo" name="button8" value="bouton"/><br/>
<input type="button" class="foo" name="button9" value="bouton"/><br/>
<input type="button" class="foo" name="button10" value="bouton"/><br/>
<input type="button" class="foo" name="button11" value="bouton"/><br/>
<input type="button" class="foo" name="button12" value="bouton"/><br/>

JavaScript

// première possibilite
function qui(elt){
console.log( elt.name);
}

//autre possibilité
const buttons = document.querySelectorAll('.foo');
buttons.forEach( el => el.addEventListener('click', function(){ console.log(this.name);}  ) );