Web · 10-B 45 dk · 8 adım

Hesap Makinesi

Dört işlem yapan tuşlu hesap makinesi. Tuşa basınca ekrana yazmak, = deyince hesaplamak: ilk gerçek JavaScript olayımız ve ilk if zincirimiz.

yapanlar: Berk D. · Ada K.

Canlı Kod'da aç 0% · 0/8 adım

adımlar yaptıkça işaretle · işaret bu tarayıcıda kalır

1 Başlangıç kodunda ekran (#ekran) ve 4×4 tuş ızgarası hazır; her tuşun data-tus özniteliği var.

2 JS'te bütün tuşları seç ve her birine click olayı bağla:

adım 2 js

1document.querySelectorAll("button").forEach((b) => {2  b.addEventListener("click", () => tusaBasildi(b.dataset.tus));3});

3 tusaBasildi(t) fonksiyonunu yaz: rakam ya da işlemse ekrana ekle (ekran.textContent += t).
4 C tuşu ekranı temizlesin: ekran.textContent = "".
5 = tuşu için ekrandaki metni sayı, işlem, sayı olarak ayır. İpucu: metin.split(/([+\-*/])/) üç parça verir.
6 İşleme göre if / else if zinciriyle sonucu hesapla; bölmede sıfıra bölmeyi kontrol et ("hata" yaz).
7 Sonucu ekrana yaz; ondalık uzarsa Number(sonuc.toFixed(2)).
8 Test et: 12+7=19, 9/0=hata, 2.5*2=5. Bir de = tuşuna iki kez basınca ne oluyor? Düzelt.

bitince şunlar çalışmalı

ne öğrendik

İşaret bu tarayıcıda kalır. XP için giriş yap — her uygulama +10 XP.