关于javascript:JS30Wes-Bos字符序列检测-12

title:【原生 javascript 我的项目】Secret code sequence 12
date: 2022-01-20 15:41:16
tags: 原生 javascript 我的项目
categories: 30 个原生 javascript 我的项目

作者：©Iaine 万一
简介：30 Day Challenge 是 Wes Bos 设计的一个 30 天原生 js 编程挑战。我的项目收费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。

本我的项目为第 12 天的“字符序列检测”我的项目。Have fun with the website! ♪(^∇^*)

网页成果：https://janice143.github.io/s…

键盘输入 <u>happy 2022</u> 即可触发彩蛋。

我的项目形容

通过判断键盘输入的字符串中是否含有指定字符串序列，开启网页中的暗藏彩蛋。本我的项目的彩蛋是

从网页 Cornify.com 中加载一个 JS 文件，调用其中的 cornify_add() 办法时，随机在页面出加载独角兽的图标和 p 标签。

我的项目重点

• window 的 keyup 事件

  • window.addEventListener('keyup',)
  • e.key

• 数组操作

  • .push()
  • .splice()
  • .length
  • .join()
  • .includes()

我的项目过程

html 局部

1. p标签标记一段提醒的文字

Js 局部

• 申明一个变量用来存储按下的字符串序列数组
• 申明一个变量用来存储已知的指定字符串序列

• window 的键盘监听事件

  • 将字符串指定规定切分

  pressCode.splice(-secretCode.length - 1, pressCode.length - secretCode.length)

• 判断是否蕴含指定字符串

  if (pressCode.join('').includes(secretCode)){}

• 随机在页面中加载独角兽图标

  cornify_add();

我的项目知识点

js 中的 splice 办法的应用阐明

splice 办法能够用来对 js 的数组进行删除，增加，替换等操作。

1. 删除。第一个参数为起始地位（如果为正数，示意倒数），第二个参数为要删除几个。

   array.splice(index,num)

2. 插入。第一个参数（插入地位），第二个参数（0），第三个参数（插入的项）。

   array.splice(index,0,insertValue)

3. 替换。第一个参数（起始地位），第二参数（删除项数），第三参数（插入任意数量的项）。

   array.splice(index,num,insertValue)

JS30 的第 12 个我的项目圆满完成啦，感激浏览，有问题分割我的邮箱 1803105538@qq.com.