"Görevlerle JavaScript" adını verdiğim bu seride, çok temel ve eğlenceli görevlerle javascript bilginizi arttırmayı ve geliştirmeyi hedefliyorum.
Bir HTML dökümanına buton koy ve içerisinde 0 yazsın. Tıkladıkça değeri artsın.
Bir metin kutusuna yazılan yazının tersini altındaki başka bir kutuda yazdıkça göstersin.
Bonus: Metin palindrom (tersi kendisiyle aynı) ise bunu yeşil rengiyle belirtin.
Bir buton ve boş bir ul listesinden oluşan bir arayüz hazırla. Butona tıklandıkça 1-6 aralığında rastgele bir sayı (zar) listenin başına eklensin.
Bir sayı kutusuna girilen bir sayının tek mi yoksa çift mi olduğunu söyleyen programı yazınız.
Sayfaya tıkladıkça arka plan rengini rastgele değiştirip renk kodunu da sayfada gösteren uygulamayı yapınız.
00:00:00 formatında bir dijital saat yapınız. Ekranda ortalı ve uygun bir font ile gösterebilirsiniz.
JavaScript'te en bilinen 6 veri türünü (String, Number, Boolean, Undefined, Object, Function) örnekleyin ve typeof yardımıyla bu türlerin adını ekrana yazdırın.
Bir dizide tuttuğun motivasyon mesajlarını belli zaman aralıklarıyla ekranda rastgele göster.
Bir textarea içine yazılan metnin karakter sayısını anlık olarak ekranda gösteren bir uygulama yapınız.
Bonus: Belirli bir karakter limiti (örneğin 140) koyun. Kullanıcı yazdıkça kalan karakter sayısını gösterin, limit aşılırsa sayacı kırmızı renge boyayın.
Kullanıcının doğum tarihini alıp, o tarihin haftanın hangi gününe denk geldiğini söyleyen bir uygulama yapınız.
Bonus: Her gün için farklı emoji (☀️ 💼 📚 🎯 🎉 🌙 🎮) gösterin.
2 sayı kutusu ve dört işlem butonlarını (+ - x ÷) oluşturun. Butonlara tıklandığında seçilen matematiksel işlemi yapıp sonucu ekrana yazdırın.
Bonus: Sıfıra bölme işleminde hata mesajı verin ve dört işleme ek olarak mod ve üs alma özelliklerini ekleyin.
Bir şifre input'u ve yanında bir göz ikonu butonu oluşturun. Butona tıklandığında şifre görünür/gizli hale gelsin ve ikon değişsin.
BONUS: CSS kullanarak göz ikonu butonunun şifre alanının üstünde ve sağ tarafında görünmesini sağlayın.
Sayfa üzerinde mouse hareket ettikçe bir kedi (🐱) görseli imleci takip etsin.
Bonus: Kedinin hareketini CSS transition kullanarak daha yumuşak ve akıcı hale getirin.
Bir textarea'ya her satıra bir isim yazılsın. "Çekiliş Yap" butonuna tıklandığında metni satırlara göre ayırıp (split) rastgele bir isim seçsin ve kazananı büyük bir şekilde ekranda göstersin.
Bonus: Textarea'ya girilen isimleri localStorage'da saklayın, sayfa yenilendiğinde bu isimler otomatik olarak gelsin.
Taş, kağıt ve makas butonlarını (🪨📄✂️) oluşturun. Kullanıcı bir seçim yaptığında bilgisayar da rastgele birini seçsin. Kazanma durumunu (🎉😢🤝) ekrana yazdırın. Bonus: Oyuncu ve bilgisayar için skor tablosu yapın.