Better feedback

This commit is contained in:
2024-11-04 22:35:36 +01:00
parent e15fb46db6
commit 3484cd1c07
2 changed files with 4 additions and 1 deletions

View File

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

View File

@@ -79,7 +79,7 @@
</ul>
<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>
<p x-show="$store.alfagok.guessError" x-text="$store.alfagok.guessError"></p>