Vue : construire une application web (école d'ingénieur) · Chapitre 3 · Exercice de TD
Prix TTC
La réactivité · niveau 2
Énoncé
Les livres sont soumis en France à une TVA de 5,5 %. À partir d'une ref ht, écrire une propriété calculée ttc, arrondie au centime, que l'on peut aussi modifier : écrire un prix TTC recalcule le prix hors taxes. Que montre la page pour un prix HT de 30 €, puis après l'affectation ttc = 33.76 ?
Corrigé
const { createApp, ref, computed } = Vue;
const TVA = 0.055; // taux réduit des livres en France
createApp({
setup() {
const ht = ref(30);
const ttc = computed({
get: () => Math.round(ht.value * (1 + TVA) * 100) / 100,
set: (valeur) => {
ht.value = valeur / (1 + TVA);
},
});
return { ht, ttc };
},
}).mount("#app");
HT : 30.00 € ; TTC : 31.65 €
HT : 32.00 € ; TTC : 33.76 €. L'affectation appelle set, qui calcule et l'écrit dans ht ; la propriété calculée se recalcule à partir de cette nouvelle valeur.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.