Arayan arkadaşlara alternatif olarak bırakayım. Gayet iyi çalışıyor.
<!DOCTYPE html>
<html>
<head>
<title>Yüzde Hesaplama Aracı</title>
</head>
<body>
<h1>Yüzde Hesaplama Aracı</h1>
<label for="operation">İşlem Seçiniz:</label>
<select id="operation">
<option value="1">A sayısının %B'si kaçtır?</option>
<option value="2">A sayısı, B sayısının yüzde kaçıdır?</option>
<option value="4">A sayısı, %B kadar artırılırsa kaç olur?</option>
<option value="5">A sayısı, %B kadar azaltılırsa kaç olur?</option>
</select>
<label for="a">A Sayısı:</label>
<input type="number" id="a">
<label for="b">B Sayısı:</label>
<input type="number" id="b">
<button onclick="calculate()">Hesapla</button>
<p id="result"></p>
<script>
function calculate() {
var a = parseFloat(document.getElementById('a').value);
var b = parseFloat(document.getElementById('b').value);
var operation = parseInt(document.getElementById('operation').value);
var resultElement = document.getElementById('result');
var result;
if (isNaN(a) || isNaN(b)) {
resultElement.textContent = "Hatalı giriş. Lütfen sayıları doğru şekilde girin.";
return;
}
switch (operation) {
case 1:
result = (a * b) / 100;
resultElement.textContent = a + " sayısının %" + b + "'si " + result + "dır.";
break;
case 2:
result = (a / b) * 100;
resultElement.textContent = a + " sayısı, " + b + " sayısının yüzde " + result + "'sidir.";
break;
case 4:
result = a + (a * b / 100);
resultElement.textContent = a + " sayısı, %" + b + " kadar artırılırsa " + result + " olur.";
break;
case 5:
result = a - (a * b / 100);
resultElement.textContent = a + " sayısı, %" + b + " kadar azaltılırsa " + result + " olur.";
break;
default:
resultElement.textContent = "Geçersiz işlem seçimi.";
break;
}
}
</script>
</body>
</html>
Bende bunu biraz ekleme yaparak paylaşmış olayım.
<!DOCTYPE html>
<html>
<head>
<title>Yüzdelik Kar Hesaplama</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("form").submit(function(event) {
event.preventDefault();
var alis_fiyati = parseFloat($("input[name='alis_fiyati']").val());
var satis_fiyati = parseFloat($("input[name='satis_fiyati']").val());
if (alis_fiyati > 0 && satis_fiyati > 0 && satis_fiyati > alis_fiyati) {
var kar_orani = (satis_fiyati - alis_fiyati) / alis_fiyati * 100;
$("#sonuc").html("Yüzdelik kar oranı: " + kar_orani.toFixed(2) + " %");
} else {
$("#sonuc").html("Lütfen geçerli alış ve satış fiyatı girin.");
}
});
});
</script>
</head>
<body>
<h2>Yüzdelik Kar Hesaplama</h2>
<form>
<label for="alis_fiyati">Alış Fiyatı:</label>
<input type="number" name="alis_fiyati" step="0.01" required><br><br>
<label for="satis_fiyati">Satış Fiyatı:</label>
<input type="number" name="satis_fiyati" step="0.01" required><br><br>
<input type="submit" value="Hesapla">
</form>
<div id="sonuc"></div>
<br>
<hr>
<br>
<h1>Yüzde Hesaplama Aracı</h1>
<label for="operation">İşlem Seçiniz:</label>
<select id="operation">
<option value="1">A sayısının %B'si kaçtır?</option>
<option value="2">A sayısı, B sayısının yüzde kaçıdır?</option>
<option value="4">A sayısı, %B kadar artırılırsa kaç olur?</option>
<option value="5">A sayısı, %B kadar azaltılırsa kaç olur?</option>
</select>
<label for="a">A Sayısı:</label>
<input type="number" id="a">
<label for="b">B Sayısı:</label>
<input type="number" id="b">
<button onclick="calculate()">Hesapla</button>
<p id="result"></p>
<script>
function calculate() {
var a = parseFloat(document.getElementById('a').value);
var b = parseFloat(document.getElementById('b').value);
var operation = parseInt(document.getElementById('operation').valu e);
var resultElement = document.getElementById('result');
var result;
if (isNaN(a) || isNaN(b)) {
resultElement.textContent = "Hatalı giriş. Lütfen sayıları doğru şekilde girin.";
return;
}
switch (operation) {
case 1:
result = (a * b) / 100;
resultElement.textContent = a + " sayısının %" + b + "'si " + result + "dır.";
break;
case 2:
result = (a / b) * 100;
resultElement.textContent = a + " sayısı, " + b + " sayısının yüzde " + result + "'sidir.";
break;
case 4:
result = a + (a * b / 100);
resultElement.textContent = a + " sayısı, %" + b + " kadar artırılırsa " + result + " olur.";
break;
case 5:
result = a - (a * b / 100);
resultElement.textContent = a + " sayısı, %" + b + " kadar azaltılırsa " + result + " olur.";
break;
default:
resultElement.textContent = "Geçersiz işlem seçimi.";
break;
}
}
</script>
<br><br><hr><br>
<h2>KDV Hesaplama</h2>
<form action="" method="post">
<input type="number" name="fiyat" placeholder="Ürün Alış Fiyatını Giriniz" required>
<button type="submit" name="kdvhesap">Hesapla</button>
</form>
<?php if ( isset($_POST['form1']) ){
} ?>
</body>
</html>