当前位置: 首页 > Web前端 > HTML

【JS30-WesBos】字符序列检测12

时间:2023-03-28 13:50:21 HTML

title:【原生javascript项目】密码序列12date:2022-01-2015:41:16tags:Nativejavascriptprojectcategories:30nativejavascriptprojectsAuthor:?IaineJustincase:30DayChallenge是由WesBos设计的为期30天的原生js编程挑战。项目免费提供30个视频教程,30个挑战的入门文档,以及30个挑战方案的源码。本项目是第12天的《字符序列检测》项目。玩得开心网站!?(^?^*)网页效果:https://janice143.github.io/s...键盘输入happy2022即可触发彩蛋。项目描述通过判断键盘输入的字符串是否包含指定的字符串序列,打开网页中的隐藏彩蛋。本项目的彩蛋是从网页Cornify.com加载一个JS文件,当调用cornify_add()方法时,会在页面上随机加载独角兽图标和p标签。项目按键窗口的keyup事件window.addEventListener('keyup',)e.key数组operation.push().splice().length.join().includes()项目流程html部分p标签标记一段提示文字Js部分声明一个变量存储按下的字符串序列数组声明一个变量存储已知的指定字符串序列窗口的键盘监听事件按指定规则分割字符串pressCode.splice(-secretCode.length-1,pressCode.length-secretCode.length)判断是否包含指定字符串if(pressCode.join('').includes(secretCode)){}在页面上随机加载独角兽图标cornify_add();js中的项目知识点splice方法使用说明splice方法可以对js数组进行删除、添加、替换等操作。删除。第一个参数是起始位置(如果为负数,则表示倒数),第二个参数是删除多少个。array.splice(index,num)插入。第一个参数(插入位置),第二个参数(0),第三个参数(插入的项)。array.splice(index,0,insertValue)替换。第一个参数(起始位置),第二个参数(要删除的项目数),第三个参数(插入任意数量的项目)。array.splice(index,num,insertValue)JS30的第十二个项目已经圆满完成,感谢阅读,有什么问题可以联系我1803105538@qq.com。