Elemen keluaran mewakili hasil perhitungan atau tindakan pengguna. Atribut for-nya dapat mengidentifikasi kontrol yang berkontribusi terhadap nilai.

<label for="quantity">Quantity</label>
<input id="quantity" type="number" min="1" value="1">
<label for="unit-price">Unit price</label>
<input id="unit-price" type="number" min="0" step="0.01" value="12.50">
<output id="total" for="quantity unit-price">12.50</output>
const quantity = document.querySelector("#quantity");
const unitPrice = document.querySelector("#unit-price");
const total = document.querySelector("#total");

function updateTotal() {
  total.value = String(Number(quantity.value) * Number(unitPrice.value));
}

quantity.addEventListener("input", updateTotal);
unitPrice.addEventListener("input", updateTotal);

Jadikan hasilnya dapat dimengerti

Berikan setiap masukan label yang terlihat dan format mata uang atau unit untuk audiens. Jika hasilnya sering diperbarui, pertimbangkan bagaimana dan kapan teknologi pendukung akan mengumumkan perubahannya.

Validasi nilai masukan sebelum menggunakannya dalam penghitungan konsekuensial, dan jaga agar total sisi server tetap otoritatif untuk pembelian atau tindakan sensitif lainnya.