refactor: simplify answer logic
This commit is contained in:
parent
b216bae284
commit
fe7b8bbed1
1 changed files with 4 additions and 16 deletions
|
@ -1,8 +1,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { fade } from 'svelte/transition';
|
import { fade } from 'svelte/transition';
|
||||||
|
|
||||||
let hasImpact = false;
|
let hasImpact: boolean;
|
||||||
let hasAnswered = false;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
|
@ -18,23 +17,12 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
{#if !hasAnswered}
|
{#if hasImpact === undefined}
|
||||||
<form transition:fade={{ delay: 0, duration: 300 }}>
|
<form transition:fade={{ delay: 0, duration: 300 }}>
|
||||||
<h1>Does this have impact?</h1>
|
<h1>Does this have impact?</h1>
|
||||||
|
|
||||||
<button
|
<button on:click={() => (hasImpact = true)}>Yes</button>
|
||||||
on:click={() => {
|
<button on:click={() => (hasImpact = false)}>No</button>
|
||||||
hasImpact = true;
|
|
||||||
hasAnswered = true;
|
|
||||||
}}>Yes</button
|
|
||||||
>
|
|
||||||
|
|
||||||
<button
|
|
||||||
on:click={() => {
|
|
||||||
hasImpact = false;
|
|
||||||
hasAnswered = true;
|
|
||||||
}}>No</button
|
|
||||||
>
|
|
||||||
</form>
|
</form>
|
||||||
{:else}
|
{:else}
|
||||||
<div transition:fade={{ delay: 300, duration: 500 }} id="answer">
|
<div transition:fade={{ delay: 300, duration: 500 }} id="answer">
|
||||||
|
|
Loading…
Reference in a new issue