JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" value="new" name="input1" onkeypress="myFunction1()">
<input type="text" value="new1" name="input2" onkeypress="myFunction2()">
<input type="text" value="new2" name="input3" onkeypress="myFunction3()">
CSS
li{
cursor:pointer;
}
JavaScript
var map = [
{
id: 1,
name: "input1"},
{
id: 2,
name: "input2"},
{
id: 3,
name: "input3"}
];
for (var i = 1; i <= map.length; i++) {
var selector = "#link_" + i;
$(selector).on('click', {
id: i
}, function(e) {
alert(e.data.id);
});
}