JavaScript
Proje: Hesap makinesi
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şkenlerparseFloat ile string'ten sayıya çevirmeswitch ile dört işlem seçimiif ve isNaN ile doğrulamaconsole.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
Sıradaki ders: Sayı girişi ve operatör seçimi
