I am wondering if it's possible to detect words input. I have 2 options:
The word to be written in an input, and at Enter press to fire a certain command like animate or go to url.
The word to be written anywhere on the page, like GTA cheats, or some YouTube Easter Eggs.
If I'm not being clear, just say and i'll edit.
Add a keypress listener to body, append the chars to a string and compare it to a target word:
var word = "hello";
var input = "";
document.body.addEventListener('keypress',function(ev){
input += String.fromCharCode(ev.keyCode);
console.log(input);
if(input == word){
alert('typed hello');
input = "";
}
});
// reset input when pressing esc
document.body.addEventListener('keyup',function(ev){
if(ev.keyCode == 27) input = "";
});
Demo:
if..elseif or switch block. I don't know if that's your problem exactly but it could mess it up.An improvement:
var seq = "rainbow"
var input = ""
window.addEventListener("keypress", function(e) {
input += String.fromCharCode(e.keyCode)
for (var i = 0; i < seq.length; i++) {
if (input[i] != seq[i] && input[i] != undefined) {
input = ""
}
}
if (input == seq) {
alert("EASTER EGG!")
input = ""
}
})
I think it makes more sense to use a queue as that way we always compare the last x characters with the target sequence after every key press.
E.g.
var seq = 'upsidedown';
var input = '';
window.addEventListener('keypress', function(e) {
// Add the latest character to the end of the queue
input += String.fromCharCode(e.keyCode);
// If the queue is longer than the target sequence remove the first character
if(input.length > seq.length) {
input = input.substr(1);
}
// Check for a match
if(input == seq) {
alert("EASTER EGG!")
}
})
