先说这是我人生第二个JS文件,是我人生第二次试用布局。我用括号。没有任何效果并写入这样的 3 个错误:
- ESLint:错误:解析错误:保留关键字“const”。
- JSLint:需要一个标识符,但看到的是“const”。
- 停止。(8% 已扫描)。
同时,无论我如何用力单击按钮,控制台的浏览器中都不会出现任何内容。
这是JS代码:
//classes
const headerBtn = document.querySelector ('.header__btn');
const darkBackground = document.querySelector('.dark__background');
//functions
function darkBackgroundShow() {
darkBackground.classList.add ('dark__background__show');
}
//other
headerBtn.addEventListener('click', function() {
darkBackground.classList.add ('dark__background__show');
}); //не работает
headerBtn.addEventListener('click', function() {
console.log ('click');
});//не работает
window.addEventListener('scroll', function() {
let scrollPos = window.scrollY;
console.log (scrollPos);
});//не работает
headerBtn.addEventListener('click', function darkBackgroundShow());//не работает
也许我没有将它正确连接到 html?我在结束正文标签之前这样做了<script src="app.js"></script>
我只是不明白他们想从我这里得到什么,我该怎么办?
先从代码编辑器说起:2021 年 3 月 1 日,Adobe 宣布自 2021 年 9 月 1 日起停止支持 Brackets。她建议用户要么使用来自 GitHub 的源文件,要么安装 Visual Studio Code。
因为 你没有提供 HTML,你只能猜测那里有什么,你自己实现了。
代码:最后一个函数
headerBtn.addEventListener('click', function darkBackgroundShow());破坏了一切,因为 您在事件侦听器中调用 darkBackgroundShow() 函数,而不是在函数体中。我把它扔到谷歌磁盘上https://drive.google.com/drive/folders/1PdlpVeYsB3WWC7LYIYw-wjFj6HMTHn__?usp=sharing一切都在那里工作,这是一个相当广泛的话题,这是一本好书https://eloquentjavascript.net/index .html从 13 章开始翻阅。不用担心它是英文的。如果是英文,只需在浏览器中翻译页面。你不知道。