JS Veritabansız ekle sil

Hocalarım merhabalar , Bir proje içerisinde kullanmam gereken veritabanı olmadan bir yorum ekleyip eklenen yorumu silme uygulaması gerçekleştirmem gerekiyor.
1 input 1 gönder butonu olacak inputa text yazılacak gönder butonu tıklanınca yorum eklenecek bunu append ile ard arda ekliyorum fakat her eklenen butonun yanında sil butonu olması gerek ve butona tıklayınca o yorum silinmesi gerekiyor. burada sil butonu ve yorumlar tamam ama istediğim yorumu nasıl sildirmem gerektigini JS üzerinde yeni olduğum için çözemedim.

$(document).ready(function() {

    $('#btn_Gonder').click(function () {
        var input = $('#txt_input1').val();
        $('.yorum').append(input);
        var buton = document.createElement("button");
        buton.innerHTML = "Sil";
        $('.yorum').append(buton);
        buton.onclick = function(){
            $('.yorum').empty(input);

        }  });
});

burada sil butonu tüm div içini siliyor haliyle.

api serveri kullan google firebase kullanın zaten REST APİ kuanıyor

    $('#btn_Gonder').click(function () {
var tekyorum = $('<div>').append($('#txt_input1').val());
var buton = document.createElement("button");
buton.innerHTML = "Sil";
buton.onclick = function () {
$(this).parent().remove();
};
tekyorum.append(buton);
$('.yorum').append(tekyorum);
    });

şöyle çalışması lazım
not: tabii ki sayfa yenilenince "yorumlar" silinir başkaları da göremez zaten bunu yapmak istiyorsunuz sanırım

Teşekkürler hocam işimi gördü.