我不仅在本地存储中为最近的搜索创建一个空间，而且在我的主项目页面上创建一个新的工作按钮。我收到一条错误消息，代码最底部的“AddeventListener（”click“,buttonClickHandler）；call不能读取”null“属性，所以我想知道我在开始部分哪里出错了。我已经多次尝试重写这部分JS，但现在我不确定从这里开始该怎么办。有什么建议吗？

顺晟科技：

我运行了您的代码并得到了这个错误（尽管我不完全确定这是否是您引用的内容）:

var cityFormEl = document.querySelector("#city");
var cityNameInputEl = document.querySelector("#location");
var dateFormEl = document.querySelector("#date");
var dateNameInputEl = document.querySelector("#today");
var historyButtonsEl = document.querySelector("#search-item");
var historyCardEl = document.querySelector("#recent-searches");
var trashEl = document.querySelector("#trash");
var searchHistoryArray = []

var formSubmitHandler = function (event) {
    event.preventDefault();

    // get city name value from input element

    var cityBtn = cityNameInputEl.value.trim();

    // Set city name in local storage and generate history buttons

    if (cityBtn) {
        searchHistoryArray.push(cityBtn);
        localStorage.setItem("citySearch", JSON.stringify(searchHistoryArray));
        localStorage.setItem("dateSearch", JSON.stringify(searchHistoryArray));
        var searchHistoryEl = document.createElement('button');
        searchHistoryEl.className = "btn";
        searchHistoryEl.setAttribute("data-city", "data-date", cityBtn)
        searchHistoryEl.innerHTML = cityBtn;
        historyButtonsEl.appendChild(searchHistoryEl);
        historyCardEl.removeAttribute("style")
        cityNameInputEl.value = "";
    }
    else {
        alert("Please enter a Date and a City name");
    }
}


// Load any past city searches

var loadHistory = function () {
    searchArray = JSON.parse(localStorage.getItem("citySearch"));
    if (searchArray) {
        searchHistoryArray = JSON.parse(localStorage.getItem("citySearch", "dateSearch"));
        for (let i = 0; i < searchArray.length; i++) {
            var searchHistoryEl = document.createElement('button');
            searchHistoryEl.className = "btn";
            searchHistoryEl.setAttribute("data-city", "data-date", searchArray[i])
            searchHistoryEl.innerHTML = searchArray[i];
            historyButtonsEl.appendChild(searchHistoryEl);
            historyCardEl.removeAttribute("style");
        }
    }
}

// Search using search history buttons

var buttonClickHandler = function (event) {
    var cityBtn = event.target.getAttribute("data-city", "data-date",);
    if (cityBtn) {
        formSubmitHandler(cityBtn);
    }
}

// Clear Search History

var clearHistory = function (event) {
    localStorage.removeItem("citySearch", "dateSearch");
    historyCardEl.setAttribute("style", "display: none");
}
cityFormEl.addEventListener("submit", formSubmitHandler);
historyButtonsEl.addEventListener("click", buttonClickHandler);
trashEl.addEventListener("click", clearHistory);
loadHistory();

引发此TypeError的原因在于您的JS的这一行: