隠しコマンド

Web系

はじめに

こんばんは、こうへいです。ホームページに隠しコマンドを実装してみたい気持ちがずっとあり、今回はそれを実現したいと思います。とはいえ、既にやっている方もいるので大した内容ではないです。

隠しコマンドの実装

WordPress画面から外観→テーマファイルエディターまで移動し、以下のコードを書き込みます。

window.addEventListener('load', function() {  //ページが全て読み込まれてから実行
	var inputKey = [];
	var command = [71, 65, 68, 71, 69, 84, 84, 79, 78];  //gadgetton
	document.onkeydown = function (e) {  //キーボードが押されたら実行
		inputKey.push(e.keyCode);
		if(inputKey.toString().indexOf(command) == 0){  //inputKey==command
			alert("隠しコマンド");
			inputKey = [];
		}
	}
})

今回は「gadgetton」と入力したら、アラート表示がでるようにしました。

以下のサイトを参考にしました。

JSで自分のHPにコナミコマンドを実装する
皆さんは、コナミコマンドを知っていますか? コナミ系のゲームなどで「↑↑↓↓←→←→BA」と入力すると自分のキャラがパワーアップしたり、特別なイベントが発生したりする隠しコマンドの代表的なものです。 コナミコマンドは『ギネス世界記録』に「も
押したキーのキーコードを取得 | JavaScript逆引き | Webサイト制作支援 | ShanaBrian Website
JavaScriptの逆引きリファレンス「押したキーのキーコードを取得」を掲載しているページです。

スマホからだと隠しコマンド入力が難しいため、ボタンを用意しました。

コメント