Uncategorized

Js Hesap Makinesi

JavaScript ile Hesap Makinesi Yapımı

JavaScript, web geliştirme dünyasında yaygın olarak kullanılan bir programlama dilidir. Bu yazıda, size adım adım JavaScript kullanarak basit bir hesap makinesi yapmayı göstereceğim.

Hesap makinesi, temel matematiksel işlemleri gerçekleştirmek için kullanılan bir araçtır. JavaScript’i kullanarak bir hesap makinesi oluşturmak oldukça kolaydır ve birkaç basit kod satırı ile bu işlemi gerçekleştirebiliriz.

İlk adım olarak, HTML dosyasında bir kullanıcı arayüzü oluşturmalıyız. Bunun için bir form etiketi kullanacağız ve içinde giriş alanları ve düğmeler bulunmalıdır. Örneğin:

“`html




“`

Bu HTML kodunda, iki adet giriş alanı ve bir hesaplama düğmesi bulunmaktadır. İlk giriş alanına “Sayı 1” ve ikinci giriş alanına “Sayı 2” yazısı yerleştirilmiştir. Ayrıca, hesaplama etkinleştirildiğinde “hesapla()” adlı bir fonksiyonu çağıracak olan bir düğme de mevcuttur.

Şimdi, JavaScript dosyasında bu fonksiyonu oluşturmalıyız. İşte, JavaScript ile hesap makinesi yapmak için gerekli kodlar:

“`javascript
function hesapla() {
let sayi1 = parseFloat(document.getElementById(“sayi1”).value);
let sayi2 = parseFloat(document.getElementById(“sayi2”).value);

let toplam = sayi1 + sayi2;
let fark = sayi1 – sayi2;
let carpim = sayi1 * sayi2;
let bolum = sayi1 / sayi2;

document.getElementById(“sonuc”).innerHTML = “Toplam: ” + toplam + “
Fark: ” + fark + “
Çarpım: ” + carpim + “
Bölüm: ” + bolum;
}
“`

Bu JavaScript kodunda, “hesapla()” adlı bir fonksiyon tanımlanmıştır. Bu fonksiyonda öncelikle, giriş alanlarından alınan sayıları parseFloat() fonksiyonu ile ondalık sayılara dönüştürerek sayi1 ve sayi2 değişkenlerine atıyoruz.

Daha sonra, toplam, fark, çarpım ve bölüm değişkenlerini hesaplamak için gerekli matematiksel işlemleri gerçekleştiriyoruz.

Son olarak, “sonuc” id’sine sahip bir HTML elementine, hesaplamaların sonuçlarını içeren bir metin yazdırıyoruz.

JavaScript’i HTML dosyasına dahil etmek için aşağıdaki kodu kullanabilirsiniz:
“`html

“`

Sonuç olarak, bu yazıda size JavaScript kullanarak nasıl bir hesap makinesi yapabileceğinizi gösterdim. Bu basit örnek, JavaScript’in gücünü ve kullanım kolaylığını anlamanıza yardımcı olacak. Artık kendi hesap makinenizi oluşturabilir ve kullanıcılarınıza bu özelliği sunabilirsiniz. JavaScript öğrenmek için harika bir başlangıç noktası olan bu örneğin sizin için faydalı olmasını umuyorum!

İlgili Makaleler

Bir yanıt yazın

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

Göz Atın
Kapalı
Başa dön tuşu
servisl