JQuery Vize Final Notu Ortalaması Hesaplama – Web Tasarım & Programlama
Javascript Jquery

JQuery Vize Final Notu Ortalaması 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.

Canlı olarak vize final hesaplamak için vize final hesaplama robotu sayfasına bakınız.

Ö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

Sayfamızı YouTube'da da takip etmek ister misiniz?
Holler Box