Bu örneğimizde JavaScript ile 2 yazılı 2 performans notu girilen öğrencinin not ortalamasını hesaplayarak ortalaması 50 ve üzeri ise ekranda “GEÇTİ” değilse “KALDI” yazdıracağız.
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 62 63 64 65 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.yazilimkodlama.com</title> <style> input{ font-size: 20px; } #ort{ color: red; font-size: 30px; } #sonuc{ color: red; font-size: 30px; } </style> </head> <body> <form name="ortalama"> 1. Yazılı<br> <input type="text" name="txtYazili1"><br><br> 2. Yazılı<br> <input type="text" name="txtYazili2"><br><br> 1. Performans<br> <input type="text" name="txtPerformans1"><br><br> 2. Performans<br> <input type="text" name="txtPerformans2"><br><br> <input type="button" value="HESAPLA" id="hesap" onClick="hesapla()"> </form> <div id="ort"></div> <div id="sonuc"></div> <script> function hesapla(){ var y1=document.ortalama.txtYazili1.value; var y2=document.ortalama.txtYazili2.value; var p1=document.ortalama.txtPerformans1.value; var p2=document.ortalama.txtPerformans2.value; var ortalama=(Number(y1)+Number(y2)+Number(p1)+Number(p2))/4; var durum=""; if(ortalama<50) { durum="KALDI"; } else { durum="GEÇTİ" } document.getElementById("ort").innerHTML=ortalama; document.getElementById("sonuc").innerHTML=durum; } </script> </body> </html> |
Örneğimizi incelediğimizde kullanıcıdan not girişlerini almak için bir form oluşturulduğunu görüyoruz. Daha sonra <script> </script> etiketleri arasına yazdığımız kodlarla kullanıcının bu girmiş olduğu verilerin gerekli hesaplamalar yapılarak gösterilmesini sağlıyoruz.
Ekran Çıktısı aşağıdaki gibi olacaktır.
