HTML ve Javascript ile Hesap Makinesi Yapımı
İlk olarak, html dosyasının başına bir form etiketi ekleyin. Bu etiket, kullanıcının girdiği verileri gönderebilmemizi ve işleyebilmemizi sağlar. Form etiketi içinde, kullanıcının girdiği sayıları almak için input etiketleri kullanabiliriz. Örneğin:
<form> <input type="number" id="num1"> <input type="number" id="num2"> </form>
Bu kod, iki tane sayı giriş alanı oluşturur.
Sonra, kullanıcının seçtiği işlemi yapmak için dört tane düğme oluşturabiliriz. Bu düğmeler, kullanıcının seçtiği işlemi belirtmek için value özelliğini kullanabiliriz. Örneğin:
<form> <input type="number" id="num1"> <input type="number" id="num2"> <br> <button type="button" value="add">+</button> <button type="button" value="subtract">-</button> <button type="button" value="multiply">*</button> <button type="button" value="divide">/</button> </form>
Bu kod, toplama, çıkarma, çarpma ve bölme işlemlerini yapmak için dört tane düğme oluşturur.
Son olarak, kullanıcının girdiği verileri işleyip sonucu göstermek için bir JavaScript kodu yazabiliriz. Örneğin:
<script>
function calculate(operation) {
// Sayıları alın
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
// Sayıları sayı tipine çevirin
num1 = parseInt(num1);
num2 = parseInt(num2);
// İşlemi yapın ve sonucu hesaplayın
var result;
if (operation === "add") {
result = num1 + num2;
} else if (operation === "subtract") {
result = num1 - num2;
} else if (operation === "multiply") {
result = num1 * num2;
} else if (operation === "divide") {
result = num1 / num2;
}
// Sonuc
Diğer konulara göz atın:
HTML CSS Detaylı Slider Yapımı
