diginaut/alfagok
1
0
Fork 0
mirror of https://github.com/aquatix/alfagok.git synced 2025-12-07 01:35:11 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Better feedback

Browse Source
This commit is contained in:
Michiel Scholten
2024-11-04 22:35:36 +01:00
parent e15fb46db6
commit 3484cd1c07
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/alfagok/static/game.js
View File

@@ -1,12 +1,14 @@
/* API calls **/ /* API calls **/
async function doGuess(guessWord) { async function doGuess(guessWord) {
Alpine.store('alfagok').loading = true; Alpine.store('alfagok').loading = true;
Alpine.store('alfagok').guessError = null;
if (guessWord === '') { if (guessWord === '') {
console.log('Nothing filled in'); console.log('Nothing filled in');
Alpine.store('alfagok').guessError = 'Vul een woord in'; Alpine.store('alfagok').guessError = 'Vul een woord in';
return; return;
} }
Alpine.store('alfagok').nrGuesses++;
if (Alpine.store('alfagok').startTime === '') { if (Alpine.store('alfagok').startTime === '') {
console.log('Setting startTime to now'); console.log('Setting startTime to now');
} }
@@ -33,6 +35,7 @@ async function doGuess(guessWord) {
} }
if (result.hint && result.hint === 'it') { if (result.hint && result.hint === 'it') {
console.log('gevonden'); console.log('gevonden');
Alpine.store('alfagok').winTime = 'yay';
} }
} }

2
src/alfagok/templates/index.html
View File

@@ -79,7 +79,7 @@
</ul> </ul>
<input type="text" x-model="$store.alfagok.guessValue" @keyup.enter="doGuess($store.alfagok.guessValue)"> <input type="text" x-model="$store.alfagok.guessValue" @keyup.enter="doGuess($store.alfagok.guessValue)">
<p x-cloak>Je huidige gok is: <span x-text="$store.alfagok.guessValue"></span></p> {# <p x-cloak>Je huidige gok is: <span x-text="$store.alfagok.guessValue"></span></p>#}
<button @click="doGuess($store.alfagok.guessValue)">Doe een gok</button> <button @click="doGuess($store.alfagok.guessValue)">Doe een gok</button>
<p x-show="$store.alfagok.guessError" x-text="$store.alfagok.guessError"></p> <p x-show="$store.alfagok.guessError" x-text="$store.alfagok.guessError"></p>