chandlerswift
/
name-all-cities-by-population-quiz
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Add checkbox to show unguessed cities

Chandler Swift 2024-03-05 23:29:06 -06:00
parent 70c954d4fa
commit 4c9ef7aa44
Signed by: chandlerswift
GPG Key ID: A851D929D52FB93F
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -61,6 +61,9 @@
</div>
<div class="col-8 h-100">
<canvas id="canvas" class="mx-3 my-auto" @vue:mounted="draw" width="800" height="600"></canvas>
<div>
<input type="checkbox" v-model="show_unguessed_cities" @change="draw"> Show unguessed cities
</div>
</div>
</div>
</div>
@ -137,6 +140,7 @@
simplified_cities: cities.map(city => simplify(city.name)),
city_guess: "",
message: "",
show_unguessed_cities: true,
achievements: {
"Top Five": cities => cities.slice(0, 5),
"Top Ten": cities => cities.slice(0, 10),
@ -192,10 +196,15 @@
if (city.guessed) {
ctx.beginPath();
const c = transform(city.location)
console.log(city.location, c)
ctx.fillStyle = "black";
ctx.arc(c[0], c[1], 2, 0, 2*Math.PI, true);
} else if (this.show_unguessed_cities) {
ctx.beginPath();
const c = transform(city.location)
ctx.fillStyle = "lightgray";
ctx.arc(c[0], c[1], 2, 0, 2*Math.PI, true);
ctx.fill();
}
ctx.fill();
}
},
}).mount();