如何解决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 举报,一经查实,本站将立刻删除。