Sayın Okuyucu,
Bugün yapay zekadan benim için blog makalesi oluşturmasını istedim. İlk başta zorluk çıkarsa da yardımcı olmayı kabul etti. Bana javascript ile hesap makinesi kodlamasını istedim ve neler yaptı hep beraber bakalım.
JavaScript ile bir hesap makinesi oluşturmak için aşağıdaki adımları izleyebilirsiniz:
- HTML kodunda bir form oluşturun ve form içinde gerekli giriş alanlarını (örneğin, 2 sayı ve bir işlem seçeneği) ekleyin.
- JavaScript kodunu kullanarak form alanlarından değerleri alın.
- Kullanıcının seçtiği işlemi gerçekleştirmek için JavaScript kodunda bir switch/case yapısı kullanın.
- İşlem sonucunu ekrana yazdırmak için JavaScript kodunda bir HTML elementi (örneğin, p tag) kullanın.
- Html dosyasını tarayıcıda çalıştırarak hesap makinesi çalışır hale getirebilirsiniz.
Aşağıda bir örnek kod parçası veriyorum:
<html>
<head>
<title>Simple Calculator</title>
</head>
<body>
<form>
<input type="text" id="firstNumber" placeholder="Enter first number">
<br>
<input type="text" id="secondNumber" placeholder="Enter second number">
<br>
<select id="operation">
<option value="add">Add</option>
<option value="subtract">Subtract</option>
<option value="multiply">Multiply</option>
<option value="divide">Divide</option>
</select>
<br>
<button type="button" onclick="calculate()">Calculate</button>
</form>
<br>
<p>Result: <span id="result"></span></p>
<script>
function calculate() {
// Get user input
var firstNumber = document.getElementById("firstNumber").value;
var secondNumber = document.getElementById("secondNumber").value;
var operation = document.getElementById("operation").value;
// Make sure input is valid
if (firstNumber === "" || secondNumber === "") {
alert("Please enter valid numbers.");
return;
}
// Perform the chosen operation
var result;
switch (operation) {
case "add":
result = parseFloat(firstNumber) + parseFloat(secondNumber);
break;
case "subtract":
result = parseFloat(firstNumber) - parseFloat(secondNumber);
break;
case "multiply":
result = parseFloat(firstNumber) * parseFloat(secondNumber);
break;
case "divide":
if (secondNumber == 0) {
alert("Can't divide by 0")
return;
}
result = parseFloat(firstNumber) / parseFloat(secondNumber);
break;
default:
alert("Invalid operation selected.");
return;
}
// Show the result
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
Result:
Yorumlar
Yorum Gönder
Düşüncelerini paylaştığın için teşekkürler.