Jquery

Jquery Vize Final Hesaplama

Bu örneğimizde JQuery ile Vize ve Final Notu Girilen bir öğrenciye ait Ortalama hesaplayarak ve Ortalaması ve Final notuna göre öğrencinin geçme ve kalma durumunu göstereceğiz. Örneğimizde Jquery ile CSS özelliklerini değiştirme, fadeIn ve fadeOut kullanımlarını da inceleyebilirsiniz.  Örneğimizde Vize notunun  %40 ile Final Notunun %60 ı toplamı Ortalamayı verecektir. Ortalamanın 50 den düşük olması durumunda veya Final notunun 50 den düşük olması durumunda öğrenci başarısız sayılacaktır. Bu durumların her birini kodlarımızda değerlendireceğiz. 

Örneğimizde jquery-3.1.1.min.js dosyasını ve vize-final.js dosyasını script klasöründe tutacağız. vize-final.html dosyamızda ise html ve CSS kodlarımız bulunacak. jquery-3.1.1.min.js dosyasını indirmek için https://jquery.com/download/ adresini kullanabilirsiniz.

vize-final.html dosyamızın içeriği:

 

vize-final.js javaScript dosyamızın içeriği:

Ekran Çıktısı:

Yorum yap

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d blogcu bunu beğendi: