JSFiddle - React, Tailwind, and code Playground

by trolleymusic

HTML

<table id="produse">
    <tr id="tr1"><td><a href="#" id="butons1">click</a></td></tr>
    <tr id="tr2"><td><a href="#" id="butons2">click</a></td></tr>
    <tr id="tr3"><td><a href="#" id="butons3">click</a></td></tr>
    <tr id="tr4"><td><a href="#" id="butons4">click</a></td></tr>    
</table>

JavaScript

var k;
var i = 1;

function stergeLinie(k) {
    console.log("k: " + k);
    var tabel = document.getElementById('produse');
    var rowCount = tabel.rows.length;

    var row = document.getElementById("tr" + k);
    row.parentNode.removeChild(row);

    var t = rowCount;
    for (y = k; y < t; y++) {
        console.log(y);
        document.getElementById("butons" + (y + 1)).onclick = function onclick(event) {
            console.log(y);
            stergeLinie(y);
        }
        
    }
}

stergeLinie(1);