fix: disable button when marker is not present
All checks were successful
deploy to cloudflare pages / deploy (push) Successful in 37s
All checks were successful
deploy to cloudflare pages / deploy (push) Successful in 37s
This commit is contained in:
parent
ab2c93e71b
commit
4b953ba898
1 changed files with 4 additions and 7 deletions
|
@ -88,9 +88,11 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="title">{data.gameData.stopName}</span>
|
<h1>{data.gameData.stopName}</h1>
|
||||||
|
|
||||||
<div hidden={submitted}><button onclick={checkLocation}>SUBMIT</button></div>
|
<div hidden={submitted}>
|
||||||
|
<button onclick={checkLocation} disabled={latlng.lat === 0 || latlng.lng === 0}>SUBMIT</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="results" hidden={!submitted}>
|
<div class="results" hidden={!submitted}>
|
||||||
{Math.floor(points)} points! Vous etiez à {Math.floor(distance)}m.
|
{Math.floor(points)} points! Vous etiez à {Math.floor(distance)}m.
|
||||||
|
@ -117,11 +119,6 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.results {
|
.results {
|
||||||
color: green;
|
color: green;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue