diff --git a/src/components/calculator.tsx b/src/components/calculator.tsx index 79e28c1..1cef471 100644 --- a/src/components/calculator.tsx +++ b/src/components/calculator.tsx @@ -28,6 +28,11 @@ const Calculator = () => { const [thirstiness, setThirstiness] = useState(50); const [hungriness, setHungriness] = useState(3); + const liters = calculateLiters(people, thirstiness); + const bottles = calculateBottles(people, thirstiness); + const pizzaSlices = calculatePizzaSlices(people, hungriness); + const pizzas = calculatePizzas(people, hungriness); + return (
e.preventDefault()}> @@ -78,31 +83,31 @@ const Calculator = () => {

- {formatNumber(calculateLiters(people, thirstiness))} + {formatNumber(liters)} {" "} liter

eller

- {formatNumber(calculateBottles(people, thirstiness))} + {formatNumber(bottles)} {" "} - flasker (1,5L) + {bottles === 1 ? "flaske" : "flasker"} (1,5L)

- {formatNumber(calculatePizzaSlices(people, hungriness))} + {formatNumber(pizzaSlices)} {" "} - pizzastykker + {pizzaSlices === 1 ? "pizzastykke" : "pizzastykker"}

eller

- {formatNumber(calculatePizzas(people, hungriness))} + {formatNumber(pizzas)} {" "} - store pizzaer + {pizzas === 1 ? "stor pizza" : "store pizzaer"}