JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div id="canvas"></div>

JavaScript

var merchants = [
    ["1","m1"],
    ["2","m2"],
    ["3","m3"]];//[id,nom]
//alert(merchants[0]);
AddMerchant();

function AddMerchant() {
    for(var i = 0; i < merchants.length;i++) {
    $("#canvas").append('<div id="merchant-' + merchants[i][0] + '">' + merchants[i][1] + '</div>');
    $("#merchant-"+ merchants[i][0]).on("click", function () {
        lvlUp($(this));
    });
        }
}

function lvlUp(el) {
    alert($(el).attr("id"));
}