script.js

let users = ["Ardit", "Elira"];

function renderUsers() {
    let list = document.getElementById("userList");
    list.innerHTML = "";

    users.forEach((user, index) => {
        let li = document.createElement("li");

        let span = document.createElement("span");
        span.textContent = user;

        let btn = document.createElement("button");
        btn.textContent = "Delete";
        btn.classList.add("delete-btn");

        btn.onclick = () => {
            deleteUser(index);
        };

        li.appendChild(span);
        li.appendChild(btn);

        list.appendChild(li);
    });
}

function addUser() {
    let input = document.getElementById("username");
    let value = input.value.trim();

    if (value === "") {
        alert("Please enter a name!");
        return;
    }

    users.push(value);
    input.value = "";

    renderUsers();
}

function deleteUser(index) {
    users.splice(index, 1);
    renderUsers();
}
document.getElementById("username").addEventListener("keypress", function(e) {
    if (e.key === "Enter") {
        addUser();
    }
});
renderUsers();