20 Şubat 2018 Salı

Karne Notu Belirleme

GİRİLEN NOTA GÖRE KARNE NOTU BELİRLEME




  • Bu kodumuzda girilen sayıya göre karnede görülecek olan notu belirleyeceğiz
  • Öncelikle body etiketleri arasında iki adet text kutumuzu oluşturuyoruz. 
  • Function etiketi içinde verilerimizi tanımıyoruz ve switc döngümüzü kullanarak girilen sayının karne notunda kaça tekabül ettiğini yazdırıyoruz.
Ekran Çıktısı ;

18 Şubat 2018 Pazar

Java ve Kontroller

                  Javascript ve Kontroller 


  Bugün yazacağımız kodlarda biraz daha farklı ama aynı mantık çerçevesinde ilerlemeye devam edeceğiz.

a) Giriş Kontrolü 

  • İlk olarak body etiketleri arasına isim kontol etmemiz için gerekli olan kodlarımızı yapıyoruz ve onay() metodumuzu oluşturuyoruz
  • İkinci adımımızda function etiketimizin içinde "var isim" şeklinde isim girişi isteğimizi tanımlıyoruz
  • İf döngüsünden yararlanarak eğer klavyeden girilen isim ali ise ekrana "ali sen misin? " ifadesini yazdırıyoruz
  • Klavyeden girilen isim ali değilse bu sefer de ekrana "ali neredesin " ifadesini yazıyoruz
Ekran Çıktısı;



 b)1den 10a Kadar Olan Sayıların Karelerini Bulma



  • Öncelikle işlem a etiketi içerisinde metotdumuzu tanımlıyoruz
  • Daha sonra script etiketleri içine gelerek functionumuzu oluşturmaya başlıyoruz.Funciton içinde var a=1 diyerek verilerimizi tanımlıyoruz.
  • İstediğimiz verilerin girişleri tamamlandıktan sonra while döngüsünden faydalanarak 1den 10a kadar olan sayıların karelerini buldurup ekranımıza yazdırmış oluyoruz


  Ekran Çıktısı;







Javascripte Örnekleri



JavaScript Örnekleri

  a ) Function Özellikleri 
  Mesaj penceresinde işlemler


  • Öncelikle script etiketleri arasında kodlarımızın özelliklerini vereceğimiz kod satırlarımızı oluşturuyoruz.
  • Body  etiketlerinden sonra <input type> özelliğinden yararlanarak yapmak istediğimiz işlemleri belirledik.
  • Daha sonrasında yapmak istediğimiz işlemler için ayrı functionlar içinde istediğimiz verilerin girişini yaparak kodlarımızı tamamladık.
Ekran Çıktısı ;

                                           
b) Üzerine Gelindiğinde Renk Değiştiren Butonlar


  • Öncelikle a etiketi içinde  "onmouseover" özelliğinden faydalanarak istediğimiz renklerin oluşabilmesi için butonlarımızı oluşturuyoruz.*Onmouseover özelliği mouse ile üzerine geldiğiniz anda istenilen özelliği yansıtmasıdır
  • Body etiketleri arasında açmış olduğumuz a etiketine Script özelliklerini css yardımıyla yazdığımız koda veriyoruz.
Ekran Çıktısı ;


c) Ekrana 1'den 10'a Kadar Olan Sayıları Yazdırma
  • İşimize bir buton ekleyerek başlıyoruz.Bu butonun üzerine geldiğimiz zaman bize 1den 10a kadar olan sayıları ekrana yazdırması lazımdır.
  • Function etiketinin içinde bir for döngüsü tanımlayarak 1den 10a kadar olan sayılar için bir döngü kuruyoruz
  • Döngümüz tamamlandıktan sonra açılan sayfanın arka plan rengini document.bgColor etiketiyle pembe rengine çeviriyoruz 
Ekran Çıktısı;




BOOSTRAP ÇALIŞMASI İLK ÖRNEK