JSFiddle - React, Tailwind, and code Playground

HTML

<div id="resultat">

</div>

JavaScript

console.clear();

var pain = 5;
var legumes = 7;
var riz = 8;
var sauce = 4;
var garniture;
var montant;
var TVA=7;
var pizza;

var resultatDOMElement = document.getElementById('resultat');
var resultatText = "Le montant est de ";

garniture = prompt('Entrez votre garniture (LEGUMES ou RIZ ou SAUCE)');

var montant = pain + garniture;
var total = montant + (montant * TVA);

switch(garniture){
	case 'legumes': 
  	resultatText = resultatText +=  (pain + legumes) + '$';
    resultatDOMElement.innerHTML = resultatText;
    break;
	case 'riz': 
  	resultatText = resultatText +=  (pain + riz) + '$';
    resultatDOMElement.innerHTML = resultatText;
    break;
  case 'sauce': 
  	resultatText = resultatText +=  (pain + sauce) + '$';
    resultatDOMElement.innerHTML = resultatText;
    break;
  default:
  	resultatText = 'Veuillez entrer des informations valides';
    resultatDOMElement.innerHTML = resultatText;
}
/*

if (Garniture.toUpperCase() === 'LEGUMES') {
document.write ('Le montant est de ' + (Pain + Legumes) + '$');
}

else if (Garniture.toUpperCase() === 'RIZ') {
document.write ('Le montant est de ' + (Pain + Riz) + '$');
}

else if (Garniture.toUpperCase() === 'SAUCE') {
document.write ('Le montant est de ' + (Pain + Sauce) + '$');
}

else {
document.write ('Veuillez entrer des informations valides');
} */

console.log(montant)
console.log ('FACTURE');
console.log ('Une grande pizza: ' + pizza + '$');
console.log ('Plus ' + garniture);
console.log(pain + garniture)
console.log ('Votre facture est de: ' + (pain + garniture) + '$');