Proje: Hesap makinesi

JavaScript kursu · Başlangıç · Ders 25/133

5 derslik hesap makinesi projesine genel bakış: iki sayı ve bir operatör ile işlem yapacaksın.

Proje: Hesap makinesi

Bu 5 derslik projede bir hesap makinesi yapacaksın. Her derste hesap makinesine bir parça ekleyecek, son derste tam bir uygulama elinde olacak.

Projede şunları kullanacaksın:

const ve let ile değişkenler
parseFloat ile string'ten sayıya çevirme
switch ile dört işlem seçimi
if ve isNaN ile doğrulama
console.log ile sonuç yazdırma

Hazırsan başlayalım.

Proje yol haritası

Hesap makinesini adım adım kuracağız. İlk ders kullanıcı girişini tanıtır: ilk sayıyı bir string olarak saklarız. İkinci ders ikinci sayıyı ve işlemi ekler; parseFloat ile string'leri sayıya çeviririz.

Üçüncü ders switch ile dört işlemi hesaplar. Dördüncü ders isNaN ile hatalı girişleri yakalar. Son ders sıfıra bölme kontrolü ekler ve projeyi tamamlar.

Her dersin başlangıç kodu bir önceki dersin çözümünü içerir; böylece kodun üstüne koyarak ilerlersin.

Hesap makinesi akışı

Hesap makinesi üç adımdan oluşur: giriş, hesaplama ve çıkış. Önce kullanıcıdan iki sayı ve bir işlem alırız. Sayıları string olarak saklarız çünkü giriş her zaman metin olarak gelir.

Sonra parseFloat ile string'leri sayıya çeviririz. İşleme göre switch ile sonucu hesaplarız. Son olarak console.log ile sonucu gösteririz.

Geçersiz girişler isNaN ile yakalanır ve hata mesajı gösterilir.

Uygulama İlk değeri sakla

Hesap makinesine başla. Kullanıcının girdiği ilk sayıyı temsil eden bir const firstInput değişkeni tanımla ve içine "25" string'ini koy. Sonra console.log ile firstInput'u yazdır.

Örnek çözümü göster

// Kullanıcının girdiği ilk değer
const firstInput = "25";
console.log(firstInput);

Kendini test et

Kullanıcının girdiği değeri bir değişkende sakladığımızda, başlangıçta hangi veri türünde olur?
```
const firstInput = "25";
```
- String (metin)
- Number (sayı)
- Boolean (mantıksal)
- Undefined
Cevabı göster

String (metin) — Doğru. Tırnak içinde yazılan değer string türündedir; sayıya çevirmek için parseFloat kullanılır.
Dersleri ekledikleri parçayla eşleştir

1. ders

Kullanıcı girişi ve ilk değişken
2. ders

İkinci sayı, işlem ve parseFloat
3. ders

switch ile dört işlem
4. ders

isNaN ile doğrulama
5. ders

Sıfıra bölme ve tamamlama

Başlangıç bölümündeki tüm dersler

Proje: Hesap makinesi