Kvíz: Objednávka zmizí

1<script setup>
2import { ref } from "vue";
3
4const jmeno = ref("");
5const objednavky = ref([]);
6let dalsiId = 1;
7
8function pridejObjednavku() {
9    objednavky.value.push({ id: dalsiId, jmeno: jmeno.value });
10    dalsiId++;
11    jmeno.value = "";
12}
13</script>
14
15<template>
16    <h1>Kavárna Na Rohu</h1>
17    <form @submit="pridejObjednavku">
18        <label for="jmeno">Vaše jméno</label>
19        <input id="jmeno" v-model.trim="jmeno">
20        <button>Objednat</button>
21    </form>
22    <ul class="objednavky">
23        <li v-for="objednavka in objednavky" :key="objednavka.id">
24            {{ objednavka.jmeno }}
25        </li>
26    </ul>
27</template>