Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı JavaScript kullanarak basit bir hesap makinesi yapımını adım adım göstermektedir.
- Video, hesap makinesinin temel işlevlerinin gösterilmesiyle başlayıp, HTML, CSS ve JavaScript dosyalarının oluşturulmasıyla devam ediyor. Önce HTML'de hesap makinesi tasarımı yapılıyor, ardından CSS ile tasarım özellikleri ekleniyor ve son olarak JavaScript ile butonların işlevselliği ve hesap makinesi işlemleri kodlanıyor. Video, hesap makinesinin temel fonksiyonlarını (toplama, çıkarma, çarpma, bölme, mod alma, yüzde alma) JavaScript ile nasıl uygulayacağınızı gösteriyor.
- Videoda ayrıca butonların tıklama olaylarını nasıl ele alacağı, tuşların (0-9, AC, DEL, +, -) işlevlerini nasıl programlayacağı ve kodların başarıyla çalıştığı test edilmesi de gösterilmektedir.
- 00:05JavaScript'te Hesap Makinesi Projesi
- Video, JavaScript'te hesap makinesi yapma konusunu ele alıyor.
- Hesap makinesi, tüm işlevlerini çalışır bir şekilde JavaScript ile kodlanacak.
- Proje üç dosyadan oluşuyor: index.html, css ve js.
- 01:21HTML Tasarımı
- HTML dosyasında bir konteyner, bir input text ve butonlar oluşturuluyor.
- Butonlar için operatör, silme, yüzde, bölüm, çarpı, eksi, artı, sıfır ve nokta tuşları ekleniyor.
- Butonlar grid düzeni kullanılarak dört sütuna bölünüyor.
- 05:19CSS Tasarımı
- Body için flexbox kullanılarak ortalanma ve gri arka plan ekleniyor.
- Container için border radius, padding ve box shadow özellikleri uygulanıyor.
- Input için sağdan yazma, yazı tipi ve renk ayarları yapılıyor.
- 12:18JavaScript Kodlaması
- JavaScript'te butonlar ve input için değişkenler tanımlanıyor.
- Operatörler için özel karakterler tanımlanıyor.
- Butonlara tıklandığında input'a değer yazma ve hesaplama fonksiyonu oluşturuluyor.
- 15:25JavaScript ile Hesap Makinesi Kodlama
- LCF (Logic Flow Chart) kullanılarak hesap makinesi kodlaması yapılıyor.
- Buton value'su "ac" ise output sıfırlanıyor.
- Buton value'su "del" ise output'tan bir karakter siliniyor.
- 16:36Kodun Tamamlanması
- Else if ile özel karakterler için işlemler yapılıyor.
- Buton event listener ile click olayları tanımlanıyor.
- Kodlar test edildiğinde tuşlara basıldığında ve delete tuşuna basıldığında işlemler başarılı bir şekilde çalışıyor.
- 19:33Video Kapanışı
- Videoda JavaScript ile hesap makinesi yapıldığı belirtiliyor.
- İzleyicilerden videoyu beğenmeleri, yorum atmaları ve paylaşmaları isteniyor.