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

Replace input form on correct guess

Browse Source
This commit is contained in:
Michiel Scholten
2024-11-05 15:25:53 +01:00
parent 898362db72
commit 6ff55f4878
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,20 +27,13 @@
</template> </template>
</ul> </ul>
<div x-show="!$store.alfagok.winTime">
<input type="text" autocomplete="new-password" autocorrect="off" x-model="$store.alfagok.guessValue" @keyup.enter="$store.alfagok.doGuess()"> <input type="text" autocomplete="new-password" autocorrect="off" x-model="$store.alfagok.guessValue" @keyup.enter="$store.alfagok.doGuess()">
{# <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="$store.alfagok.doGuess()">Doe een gok</button> <button @click="$store.alfagok.doGuess()">Doe een gok</button>
<p class="error" x-show="$store.alfagok.guessError" x-text="$store.alfagok.guessError"></p> <p class="error" x-show="$store.alfagok.guessError" x-text="$store.alfagok.guessError"></p>
</div>
<p class="guessesheading" x-show="$store.alfagok.guessesAfter.length">Het woord van de dag komt <em>voor</em>:</p>
<ul class="guessesafter">
<template x-for="item in $store.alfagok.guessesAfter" :key="item">
<li x-text="item"></li>
</template>
</ul>
<div>
<div x-show="$store.alfagok.winTime" class="win"> <div x-show="$store.alfagok.winTime" class="win">
<h3><b>Je hebt hem! 🎉</b></h3> <h3><b>Je hebt hem! 🎉</b></h3>
<p>Het woord van vandaag was <b x-text="$store.alfagok.guessValue"></b>.</p> <p>Het woord van vandaag was <b x-text="$store.alfagok.guessValue"></b>.</p>
@@ -57,7 +50,15 @@
Tik om te kopi&euml;ren en te delen ❤️ Tik om te kopi&euml;ren en te delen ❤️
</button> </button>
</div> </div>
</div>
<p class="guessesheading" x-show="$store.alfagok.guessesAfter.length">Het woord van de dag komt <em>voor</em>:</p>
<ul class="guessesafter">
<template x-for="item in $store.alfagok.guessesAfter" :key="item">
<li x-text="item"></li>
</template>
</ul>
</center> </center>
</div> </div>