ReferenceError：searchData未定义

问题描述

如何定义此功能？在这几行中，我遇到了第18行的麻烦。该错误是一个ReferenceError，它表示未定义“ searchData”，我需要在哪里定义它？

const searchbox = document.querySelector(".search-box");
const searchBtn = document.querySelector(".search-icon");
const cancelBtn = document.querySelector(".cancel-icon");
const searchInput = document.querySelector("input");
searchBtn.onclick = () => {
    searchbox.classList.add("active");
    searchBtn.classList.add("active");
    searchInput.classList.add("active");
    searchData.classList.add("activate");
    cancelBtn.classList.add("active");
    searchInput.focus();
    if (searchInput.value != "") {
        var values = searchInput.value;
        searchData.classList.remove("active");
        searchData.innerHTML = "You just typed " +
            "<span style='font-weight: 500;'>" + values + "</span>";
    } 
    else{
        searchData.textcontent = "";
    }
}
cancelBtn.onclick = () => {
    searchBox.classList.remove("active");
    searchBtn.classList.ramove("active");
    searchInput.classList.remove("active");
    cancelBtn.classList.remove("active");
    searchData.classList.toggle("active");
    searchInput.value = "";
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）