Kvíz: Placení

Kliknutí na Zaplatit má zákazníkovi poděkovat a říct, kolik zaplatil, ale stránka ukáže Děkujeme! Zaplatili jste [object Object] Kč. Klikněte na řádek s chybou.

<script setup>
import { computed, ref } from "vue";

const objednavka = ref([
    { id: 1, nazev: "Espresso", cena: 55, pocet: 2 },
    { id: 5, nazev: "Mrkvový dort", cena: 85, pocet: 1 },
]);
const zprava = ref("");

const celkem = computed(() => {
    let soucet = 0;
    for (const polozka of objednavka.value) {
        soucet += polozka.cena * polozka.pocet;
    }
    return soucet;
});

function zaplat() {
    zprava.value = `Děkujeme! Zaplatili jste ${celkem} Kč.`;
    objednavka.value = [];
}
</script>

<template>
    <h1>Kavárna Na Rohu</h1>
    <ul class="objednavka">
        <li v-for="polozka in objednavka" :key="polozka.id">
            {{ polozka.pocet }}× {{ polozka.nazev }}
        </li>
    </ul>
    <p>Celkem: {{ celkem }} Kč</p>
    <button @click="zaplat">Zaplatit</button>
    <p class="zprava">{{ zprava }}</p>
</template>
ZpětDalší