Vize ve Final notu hesaplama örneğinde; text kutularından değer okuyup, okunan değeri sayı türüne dönüştürdükten sonra hesaplama yapılmıştır. Ardında çıkan ortalama sonucu ekrana yazdırmak için şartlar ve div içine yazdırmak komutları kullanılmıştır.
Vize Final notu hesaplamak için aşağıdaki algoritma kullanılmıtşır.
1 ) Vize ve Final notu ortalaması hesaplanırken vizenin %40’ı finalin %60’ı alınır.
2 ) Notun “GEÇTİ” olarak kabul edilmesi için Final ve Ortalama notun 50 ve üzerinde olması gerekir. Aksi durumlarda “KALDI” olarak kabul edilir.
NOT: Yukarıdaki algoritma üniversiteler arasında değişiklik gösterebilir. Ancak en genel kullanılanı yukarıdaki gibidir.
Kod:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>TASARIM KODLAMA</title> <style> label{ display: block; } </style> </head> <body> <label for="txtVize">Vize : <input type="text" name="txtVize" id="txtVize"> </label> <label for="txtFinal">Final : <input type="text" name="txtFinal" id="txtFinal"> </label> <input type="button" name="button" id="hesapla" value="HESAPLA"> <div id="sonuc"></div> <script> var txtVize =document.getElementById("txtVize"); var txtFinal=document.getElementById("txtFinal"); var btnHesapla =document.getElementById("hesapla"); var sonucDiv =document.getElementById("sonuc"); /*butonun tıklama olayını fonksiyon bağlayalaım*/ btnHesapla.onclick=function(){ //text nesnelerindeki değerleri okuyup, sayı türüne çevirelim var vize=Number(txtVize.value); var final=Number(txtFinal.value); //ortalama notu hesaplayalım var ortalama=vize*40/100 +final*60/100; //şartları yazalım var durum=""; if(ortalama>=50 && final>=50) { durum="GEÇTİNİZ" } else if(ortalama>=50 && final<50) { durum="FİNAL NOTU 50 PUAN ALTINDA, KALDINIZ!!!"; } else { durum="FİNAL VE ORTALAMA NOTUNUZ 50'nin ALTINDA KALDINIZ."; } sonucDiv.innerHTML="Notunuz:"+ortalama +"<br>"+durum; } </script> </body> </html> |
Çıktı:
Yorum Yap