JSFiddle - React, Tailwind, and code Playground

by mischa

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <button id="A">A</button>
        <button id="B">B</button>
        <button id="C">C</button>
  </body>
</html>

JavaScript

var my_array = ["A", "B", "C"];


function test() {
    for (var i = 0; i < my_array.length; i++) {
            var item = my_array[i];
            var button = document.getElementById(item);
        button.addEventListener("click", makeClosure(item));
    }  
}

function makeClosure(item) {
    return function() {
         alert(item);
    }
}
        
test();