iiiypuk/hgman
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

make lives counter and words

Browse Source
This commit is contained in:
Alexander Popov 2021-02-25 02:15:04 +03:00
parent e063744f7b
commit 312e5fb995
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
_media/js/game.js
View File

@ -7,15 +7,24 @@ const keyboardLayouts = {
} }
const pageCredits = '\ const pageCredits = '\
<p>Font F5.6 by\ <p class="text-center">Font F5.6 by\
<a href="http://dotcolon.net/">DOT COLON</a>\ <a href="http://dotcolon.net/">DOT COLON</a>\
</p>\ </p>\
\
<p class="text-center">UI by\
<a href="https://jenil.github.io/chota/">chota.css</a>\
</p>\
'; ';
const pageStatistics = ''; const pageStatistics = '';
const words = [
'google', 'speed', 'design', 'forest', 'forever', 'love',
'horizon', 'defect'
];
// game variables // game variables
let gameWord = 'speed'.toUpperCase(); let gameWord = words[Math.floor(Math.random() * words.length)].toUpperCase();
let gameAnswered = new Array(gameWord.length + 1).join('-'); let gameAnswered = new Array(gameWord.length + 1).join('-');
let lives = 6; let lives = 6;
@ -26,7 +35,7 @@ function generateKeyboard(layout)
layout.split('').forEach(function(letter) layout.split('').forEach(function(letter)
{ {
keyboardHtmlStr = keyboardHtmlStr + '<button class="button outline" id="' + letter + keyboardHtmlStr = keyboardHtmlStr + '<button class="button outline is-marginless" id="' + letter +
'" onclick="offChar(\'' + letter + '\')"> ' + letter + '</button>'; '" onclick="offChar(\'' + letter + '\')"> ' + letter + '</button>';
}) })
@ -108,6 +117,10 @@ function showPage(element, pageName)
window.onload = function() window.onload = function()
{ {
generateKeyboard(keyboardLayouts['usQwertyKeyboard']); generateKeyboard(keyboardLayouts['usQwertyKeyboard']);
document.querySelector('#lives').innerHTML = 'Lives ' + lives;
console.log('Word:', gameWord.toLowerCase());
document.querySelector('#word').innerHTML = gameAnswered; document.querySelector('#word').innerHTML = gameAnswered;
// fix load empty word
// if (gameWord === 0) { document.location.reload(true); }
} }