chandlerswift/name-all-lakes-by-area-quiz
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add basic achievements

Browse source
This commit is contained in:
Chandler Swift 2024-02-29 18:07:58 -06:00
parent 2565936d2b
commit 12159d61bb
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -69,6 +69,14 @@
simplified_cities: cities.map(city => simplify(city.name)), simplified_cities: cities.map(city => simplify(city.name)),
city_guess: "", city_guess: "",
message: "", message: "",
achievements: {
"Top Five": cities => cities.slice(0, 5),
"Top Ten": cities => cities.slice(0, 10),
"Top Twenty": cities => cities.slice(0, 20),
"Top Fifty": cities => cities.slice(0, 50),
"Top Hundred": cities => cities.slice(0, 100),
"Every Single One": cities => cities,
},
guess() { guess() {
const rank = this.simplified_cities.indexOf(simplify(this.city_guess)) const rank = this.simplified_cities.indexOf(simplify(this.city_guess))
if (rank >= 0) { if (rank >= 0) {
@ -98,7 +106,16 @@
<div v-if="message != ''" class="alert alert-secondary" role="alert"> <div v-if="message != ''" class="alert alert-secondary" role="alert">
{{ message }} {{ message }}
</div> </div>
<h3>{{ state }} cities ({{ cities.filter(c => c.guessed).length }}/{{ cities.length }})</h3>
<h3>{{ state }} cities</h3>
<div>
<span
v-for="(required_cities, name) in achievements"
:class="{ 'badge': true, 'me-1': true, 'text-bg-secondary': !required_cities(cities).every(c => c.guessed), 'text-bg-warning': required_cities(cities).every(c => c.guessed) }">
{{ name }}
({{ required_cities(cities).filter(c => c.guessed).length }}/{{ required_cities(cities).length }})
</span>
</div>
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>