1. Anasayfa
  2. Javascript

Javascript Örnekleri – Not Ortalamasına Göre Geçti – Kaldı

Javascript Örnekleri – Not Ortalamasına Göre Geçti – Kaldı
1

gectikaldi
Javascript örneklerimize öğrenci ders ortalamasını hesaplayan uygulama ile devam ediyoruz, bu uygulamamızda öğrencinin girmiş olduğu yazılı ve sözlü notlarına göre ortalama hesaplanarak 50’den büyük olanlar için dersten geçtiniz, diğerleri için dersten kaldınız mesajını veriyoruz, mesaj ekranda görüntülenirken geçenler kırmızı, kalanlar mavi renkte gösteriliyor bunun için küçük bir css kodu ile id’ye göre renklendirme işlemi yaptık. Uygulamayı aşağıdan test edebilirsiniz..
[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/28CKC/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.bilisimogretmeni.com</title>
<script type="text/javascript" language="javascript">
function hesap()
{
document.getElementById("gecti").innerHTML="";
document.getElementById("kaldi").innerHTML="";
var y1,y2,y3,soz,ort;
y1=eval(document.ortalama.yazili1.value);
y2=eval(document.ortalama.yazili2.value);
y3=eval(document.ortalama.yazili3.value);
soz=eval(document.ortalama.sozlu.value);
ort=(y1+y2+y3+soz)/4;
if(ort>=50)
{
document.getElementById("gecti").innerHTML="Dersten Geçtiniz ortalamanız "+ort;
//www.bilisimogretmeni.com
}
else
{
document.getElementById("kaldi").innerHTML="Dersten kaldınız ortalamanız "+ort;
//www.bilisimogretmeni.com
}
}
</script>
<style type="text/css">
#gecti
{
font-size:18px;
font-weight:bold;
color:#FF0000;
}
#kaldi
{
font-size:18px;/*www.bilisimogretmeni.com*/
font-weight:bold;
color:#0000FF;
}
</style>
</head>
<body>
<form name="ortalama">
<table>
<tr>
<td>1.Yazılı</td>
<td><input type="text" name="yazili1" /></td>
</tr>
<tr>
<td>2.Yazılı</td>
<td><input type="text" name="yazili2" /></td>
</tr>
<tr>
<td>3.Yazılı</td>
<td><input type="text" name="yazili3" /></td>
</tr>
<tr>
<td>Sözlü</td>
<td><input type="text" name="sozlu" /></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="button" onclick="hesap()" value="Hesapla" /></td>
</tr>
</table>
</form>
<p id="gecti"></p>
<p id="kaldi"></p>
</body>
</html>
Bu İçeriğe Tepkin Ne Oldu?
  • 0
    ba_ar_l_
    Başarılı
  • 0
    gayet_yi
    Gayet İyi
  • 1
    te_ekk_rler
    Teşekkürler
  • 1
    anlamad_m
    Anlamadım
  • 0
    yetersiz
    Yetersiz
Subscribe
Bildir
guest

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

1 Yorum
Inline Feedbacks
View all comments
Umut

Hocam üzerinde küçük değişiklikler yaparak kendi sitemde kullanabilirmiyim?