<!DOCTYPE html>
<html>
<head>
<title>Fiyatların Toplamı</title>
</head>
<body>
<input type="number" class="fiyat">
<input type="number" class="fiyat">
<input type="number" class="fiyat">
<input type="number" class="fiyat">
<span id="sonuc">0</span>
<script>
// Fiyat inputlarını seç
var inputs = document.getElementsByClassName('fiyat');
// Her bir input için değer değiştiğinde işlem yap
for (var i = 0; i < inputs.length; i++) {
inputs[i].addEventListener('input', function() {
// Fiyatların toplamını hesaplamak için gereken değişkenleri tanımla
var sonuc = 0;
// Her inputun değerini al ve toplama ekle
for (var j = 0; j < inputs.length; j++) {
var value = parseFloat(inputs[j].value); // Input değerini sayıya dönüştür
sonuc += isNaN(value) ? 0 : value; // Eğer değer sayı değilse, sıfır olarak kabul et
}
// Toplam sonucu "sonuc" id'sine sahip spana yazdır
document.getElementById('sonuc').textContent = sonuc;
});
}
</script>
</body>
</html>