HTML DersleriJavaScript Dersleri

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ı 

HTML ve CSS ile Animasyonlu Arama Kutusu

HTML ile İletişim Formu Oluşturma 

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir