JSFiddle - React, Tailwind, and code Playground

by blue1086

HTML

<div id="addNew" style="width: auto;height: 30px;padding: 5px;background-color: red">Add new Item</div>
<div id="priceWrapper"></div>
<div class="price"></div>

<div class="item" data-js="2.5" id="Item" style="background-color:yellow;border-bottom:solid 5px green">(I Work fine becouse i was here on page load)I AM AN ITEM WICH COSTS 2.5€</div>

JavaScript

var data;
$('#addNew').click(function (e) {
    e.preventDefault();
    $('#priceWrapper').append('<div class="item" data-js="2.5" id="Item" style="background-color:yellow;border-bottom:solid 5px green">(I dont work i was not here on load)I AM AN ITEM WICH COSTS 2.5€</div>');
});
$('body').on('click', '.item', function () {
    data = $(this).attr("data-js");
    alert(data);
});