interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Javascript again

Browse source 
* Added babel to get to use ES6
 * restructure for head srcipt
 * general work on javascript files
This commit is contained in:
Stephan 2019-03-31 12:00:57 +02:00
parent 9ce65091f4
commit 6095870ce3
11 changed files with 382 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

61
source/screens/demo/tests.njk
View file

@ -21,15 +21,27 @@
{% endblock %}
{% block body %}
<h2>Caps Lock</h2>
<div id="capsCheck">
<input type="password" name="txtPassword" onkeypress="capLock(event)" />
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>
<form action="">
<input id="txtName" type="text" /><span id="error">Caps Lock is ON.</span>
</form>
</div>
<input type="password" name="txtPassword" onkeypress="capLock(event)" />
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>
<form action="">
<input id="txtName" type="text" /><span id="error">Caps Lock is ON.</span>
</form>
<p>Navigation</p>
<h2>Navigation</h2>
{{ nav.main(data.demoadditionallinks, 'Tests') }}
<div id="divGame">
<h2>Number Game</h2>
<p class="guesses"></p>
<p class="lastResult"></p>
<p class="lowOrHi"></p>
<label for="guessField">Guess</label>
<input type="text" id="guessField" class="guessField">
<input type="submit" value="Submit guess" class="guessSubmit">
</div>
{% endblock %}
{% block script %}
@ -38,10 +50,42 @@
<script>
// Page specific
// ------------------------------------------------------------------------------
assetsLoaded = true;
logPerf('Assets loaded.');
$( document ).ready(function() {
console.log('HIPPIE Tests');
logPerf('JQ document ready event fired.');
let ranNum = Math.floor(Math.random() * 100) + 1;
const guesses = $('.guesses');
const lastResult = $('.lastResult');
const lowOrHi = $('.lowOrHi');
const guessField = $('.guessField');
const guessSubmit = $('.guessSubmit');
let guessCount = 1;
let resetButton;
function checkGuess() {
console.log('Random:', ranNum);
let userGuess = Number(guessField.value);
if (guessCount === 1) {
// guesses.get(0).textContent = 'Previous guesses: ';
guesses.html('Previous guesses: ');
}
// guesses[0].textContent += userGuess + ', ';
guesses.get(0).textContent += userGuess + ', ';
// var g = guesses.html();
// guesses.html(g += userGuess + ', ');
}
// checkGuess();
});
function capLock(e) {
kc = e.keyCode?e.keyCode:e.which;
sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
@ -89,6 +133,7 @@ function capsDetect() {
}
});
}
capsDetect();
</script>
{% endblock %}