Elep

let imageCount = 0;
try {
    var myWidget = cloudinary.createUploadWidget(
        {
            cloudName: "cravings",
            apiKey: "313586195222398",
            uploadPreset: "ohmqo83k",
        },
        (error, result) => {
            if (!error && result && result.event === "success") {
                var inp = document.createElement("input");
                let $id = `imageInput${imageCount++}`
                inp.setAttribute("type", "hidden");
                inp.setAttribute("name", "image[]");
                inp.setAttribute("class", "upload-image");
                inp.setAttribute("id", $id);
                inp.setAttribute("value", result.info.secure_url);
                document.querySelector(".food-ready").appendChild(inp);
                const coverDiv = document.createElement("div");
                coverDiv.setAttribute("class", "cover-image");
                const removeButton = `
                    <i class="fa fa-times-circle remove-image" data-id="${$id}"></i>
                `
                const img = document.createElement("img");
                img.setAttribute("src", result.info.secure_url);
                coverDiv.appendChild(img);
                coverDiv.insertAdjacentHTML("beforeend", removeButton);
                document.querySelector("#img-source").appendChild(coverDiv);
            }
        }
    );
} catch (error) {
    console.log(error.message);
}

document.getElementById("upload_widget").addEventListener(
    "click",
    function () {
        myWidget.open();
    },
    false
);

document.querySelector('#img-source').addEventListener('click', function(e) {
    if (e.target.closest('.remove-image')) {
        let id = e.target.getAttribute('data-id');
        document.getElementById(id).remove();
        e.target.closest('.cover-image').remove();
    }
})