114 lines
2.6 KiB
JavaScript
114 lines
2.6 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
// keyboard layouts
|
||
|
|
const keyboardLayouts = {
|
||
|
|
'usQwertyKeyboard' : 'abcdefghijklmnopqrstuvwxyz'.toUpperCase(),
|
||
|
|
'ruQwertyKeyboard' : 'йцукеёнгшщзхъфывапролджэячсмитьбю'.toUpperCase()
|
||
|
|
}
|
||
|
|
|
||
|
|
const pageCredits = '\
|
||
|
|
<p>Font F5.6 by\
|
||
|
|
<a href="http://dotcolon.net/">DOT COLON</a>\
|
||
|
|
</p>\
|
||
|
|
';
|
||
|
|
|
||
|
|
const pageStatistics = '';
|
||
|
|
|
||
|
|
// game variables
|
||
|
|
let gameWord = 'speed'.toUpperCase();
|
||
|
|
let gameAnswered = new Array(gameWord.length + 1).join('-');
|
||
|
|
let lives = 6;
|
||
|
|
|
||
|
|
// Функция генерации html кода клавиатуры
|
||
|
|
function generateKeyboard(layout)
|
||
|
|
{
|
||
|
|
var keyboardHtmlStr = '';
|
||
|
|
|
||
|
|
layout.split('').forEach(function(letter)
|
||
|
|
{
|
||
|
|
keyboardHtmlStr = keyboardHtmlStr + '<button class="button outline" id="' + letter +
|
||
|
|
'" onclick="offChar(\'' + letter + '\')"> ' + letter + '</button>';
|
||
|
|
})
|
||
|
|
|
||
|
|
let keyboard = document.querySelector("#keyboard");
|
||
|
|
keyboard.classList.remove('is-hidden');
|
||
|
|
document.querySelector("#keyboard").innerHTML = keyboardHtmlStr;
|
||
|
|
}
|
||
|
|
|
||
|
|
function offChar(letter)
|
||
|
|
{
|
||
|
|
var charButton = document.getElementById(letter);
|
||
|
|
charButton.disabled = true;
|
||
|
|
|
||
|
|
var indices = [];
|
||
|
|
var idx = gameWord.split('').indexOf(letter)
|
||
|
|
|
||
|
|
if (idx == -1)
|
||
|
|
{
|
||
|
|
wrong();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
while (idx != -1)
|
||
|
|
{
|
||
|
|
indices.push(idx);
|
||
|
|
idx = gameWord.split('').indexOf(letter, idx + 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
indices.forEach(function(item, indices)
|
||
|
|
{
|
||
|
|
var wordArray = gameAnswered.split('')
|
||
|
|
wordArray[item] = letter;
|
||
|
|
gameAnswered = wordArray.join('');
|
||
|
|
document.querySelector("#word").innerHTML = gameAnswered;
|
||
|
|
var wordsAnswered = localStorage.getItem('wordsAnswered');
|
||
|
|
localStorage.setItem('wordsAnswered', parseInt(wordsAnswered) + 1);
|
||
|
|
})
|
||
|
|
|
||
|
|
if (gameAnswered.split('').indexOf('-') == -1)
|
||
|
|
{
|
||
|
|
var gamesWon = localStorage.getItem('gamesWon');
|
||
|
|
localStorage.setItem('gamesWon', parseInt(gamesWon) + 1);
|
||
|
|
alert('You Win');
|
||
|
|
document.location.reload(true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function wrong()
|
||
|
|
{
|
||
|
|
if (lives <= 0)
|
||
|
|
{
|
||
|
|
var gamesFail = localStorage.getItem('gamesFail');
|
||
|
|
localStorage.setItem('gamesFail', parseInt(gamesFail) + 1);
|
||
|
|
alert('You dead');
|
||
|
|
document.location.reload(true);
|
||
|
|
}
|
||
|
|
|
||
|
|
lives -= 1;
|
||
|
|
document.querySelector("#lives").innerHTML = 'Lives ' + lives;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function showPage(element, pageName)
|
||
|
|
{
|
||
|
|
// alert(event.srcElement.id);
|
||
|
|
|
||
|
|
['gameButton', 'statsButton', 'creditsButton'].forEach(function(item)
|
||
|
|
{
|
||
|
|
document.querySelector("#" + item).classList.remove('active');
|
||
|
|
});
|
||
|
|
document.querySelector("#" + element.id).classList.add('active');
|
||
|
|
|
||
|
|
document.querySelector("#content").innerHTML = pageName;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// game
|
||
|
|
window.onload = function()
|
||
|
|
{
|
||
|
|
generateKeyboard(keyboardLayouts['usQwertyKeyboard']);
|
||
|
|
|
||
|
|
document.querySelector('#word').innerHTML = gameAnswered;
|
||
|
|
}
|