JSFiddle - React, Tailwind, and code Playground

by Xeon06

HTML

<div></div>
<a href="javascript:void(0)" id="Abc">Remove Abc</a>
<a href="javascript:void(0)" id="Test">Remove Test</a>
<a href="javascript:void(0)" id="Ready">Remove Ready</a>

JavaScript

var data = ["Abc", "Test", "Ready"];
refresh();

$("#Abc").click(function() { remove("Abc") });
$("#Test").click(function() { remove("Test") });
$("#Ready").click(function() { remove("Ready") });

function refresh() {
    $("div").text(data.join(", "));
}

function remove(word) {
    for(var i = 0; i < data.length; i++) {
        console.log(i, data[i], word, data[i] == word);
        if (data[i] == word)
            data.splice(i, 1);
    }
    console.log(data);
    refresh();
}