-
Notifications
You must be signed in to change notification settings - Fork 0
/
shareAslot.svelte
48 lines (38 loc) · 1.1 KB
/
shareAslot.svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<script lang="ts">
import { Router, Route, Link } from 'svelte-routing';
let size = '';
let SelectionColor = 'Sock';
let OptionColor = [
'Sock',
'Underwear',
'T-shirt', 'Shirt', 'Trousers', 'Jacket'
]
let SelectionProgram= 'Sock';
let OptionProgram = [
'Sock',
'Underwear',
'T-shirt', 'Shirt', 'Trousers', 'Jacket'
]
$: console.log('Changed selected:', SelectionProgram)
$: console.log('Updated options:', OptionProgram)
</script>
<div class="boxes">
<div>Define your cloths for the shared laundry</div>
<div></div>
</div>
Color: <select bind:value={SelectionColor}>
{#each OptionColor as value}<option {value}>{value}</option>{/each}
</select>
Laundry Program: <select bind:value={SelectionProgram}>
{#each OptionProgram as value}<option {value}>{value}</option>{/each}
</select>
Temperature: <input bind:value={size} placeholder="enter the size" />
Amount: <input bind:value={size} placeholder="enter the cloth amount you have" />
<style>
.boxes {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
</style>