Quantités modifiables

const lignes = document.querySelector("#lignes");
const total = document.querySelector("#total");
const euros = new Intl.NumberFormat("fr-FR", { style: "currency", currency: "EUR" });

function recalculer() {
  let somme = 0;
  for (const ligne of lignes.rows) {
    const champ = ligne.querySelector("input");
    const quantite = champ.validity.valid ? champ.valueAsNumber || 0 : 0;
    somme += Number(ligne.dataset.prix) * quantite;
  }
  total.value = euros.format(somme);
  console.log(total.value);
}

// Un seul écouteur « input » sur le corps du tableau : l'événement remonte
// depuis n'importe quel champ de quantité.
lignes.addEventListener("input", recalculer);
recalculer();

Au chargement, puis avec 3 exemplaires de Java, avec une quantité vide pour le Petit Prince, et enfin avec 25 :

49,00 €
113,00 €
96,00 €
96,00 €

$32+2\times 8,5=49$, puis $3\times 32+2\times 8,5=113$. Un champ vide a pour valueAsNumber NaN, que || 0 remplace par 0. La quantité 25 dépasse le maximum : le champ n'est pas valide et compte pour 0, d'où 96 €.