JSFiddle - React, Tailwind, and code Playground

HTML

<ul data-role="listview" data-filter="true" data-filter-placeholder="search..." data-inset="true">
     <li data-icon="info"><a href="MsaSiparis.aspx?Msa=1">
        <img src="Img/s.jpg" width="64" height="64">
    <h2>MASA 1 </h2>
   </a></li>
    <li data-icon="info"><a href="MsaSiparis.aspx?Msa=2">
        <img src="Img/s.jpg" width="64" height="64">
    <h2>MSA 2</h2>
   </a></li>
    <li data-icon="info"><a href="MsaSiparis.aspx?Msa=3">
        <img src="Img/s.jpg" width="64" height="64">
    <h2>MSA 3</h2>
            
             <button id="btnEkle" name="btnEkle" class="ui-btn ui-icon-plus ui-btn-icon-left"> Add</button>

JavaScript

$(document).ready(function () {
   $("#btnEkle").click(function (e) {
             
                e.preventDefault();

                 var detay = $("#cmbDetay option:selected").text();
                 var miktar = $("#cmbMiktar option:selected").text();
                 var stringSatir = "<tr><th>"+count+"</th><td>"+detay+"</td><td>"+miktar+"</td><td></td></tr>";
                 $("#table-column-toggle").append(stringSatir);
                 ++count;

                 $("#cmbMiktar option:selected").val(1);
                 $("#cmbDetay option:selected").val(1);

            });
   });