JSFiddle - React, Tailwind, and code Playground

HTML

<div id="auswahl"></div>

JavaScript

var eigenschaften = 3;
var eigenschaftsarray = ["b0","b1","b2"];
// fn: detect if a button was clicked -> get id
function buttonClick(e){
  if (e.target.tagName.toLowerCase() == "button") {
  	var btn = e.target;
  	alert("button id="+btn.id);
  }
}
// fn: create buttons dynamically
function dobutton() {
		// identify parent
		var parent = document.getElementById('auswahl');
    // create buttons dynamically
    for (i=0; i<eigenschaften; i++){
    	var btn = document.createElement("button");
    	btn.className = 'button black';
    	btn.id = eigenschaftsarray[i];
    	btn.name = 'pickbutton';
    	btn.innerHTML = eigenschaftsarray[i].split("_").join(" ");  			// append btn to parent
      parent.appendChild(btn);
    	parent.innerHTML += " ";
    }
    // add "click" listener on parent
    parent.addEventListener("click", buttonClick);
}
// create buttons
dobutton();