Event.target.value返回空字符串或空白

我正在为学校的作业创建一个天气仪表板，但最后一点却遇到了问题。基本上，用户将搜索一个特定的城市，作为回报，它将获得有关该城市天气的所有数据和信息。我目前所坚持的是弄清楚如何正确使用event.target.value。当用户搜索城市时，我将城市名称附加到我的网页上，然后将该名称转换为按钮。单击按钮后，我希望它只返回城市的名称。但是，我得到的似乎是一个空字符串，或者无法识别其目标值？下面是我的代码：

let cities = [];

function saveCity() {

    event.preventDefault();

    let city = $('.form-control').val().trim()

    cities.push(city)

    $("#newCity").append('<ul><button class="btn btn-primary">' + city + '</button></ul>');

    localStorage.setItem("cities", JSON.stringify(cities))

}

function appendStorage(){

        cities = JSON.parse(localStorage.getItem('cities'));

        for (let index = 0; index < cities.length; index++) {
            const element = cities[index];

            $("#newCity").append('<ul><button class="btn btn-primary">' + element + 
                                                                          '</button></ul>');

        }

        $(".cities").click(function(event) {
            let cityName = event.target.value
            console.log('clicked')
            console.log(cityName)
        })

}

$(".cities").click(function(event) {
    let cityName = event.target.value
    console.log(cityName) 
})

如果我从“ event.target”中删除“ .value”并搜索“伦敦”市的天气，例如“ console.log”

    $(".cities").click(function(event) {
        let cityName = event.target
        console.log(cityName) 
    })

我得到一个console.log：

<button class="btn btn-primary">London</button>

我可以进一步解释我的要求是否不清楚，或者可以根据需要上传更多代码。谢谢你的帮助。