Kullanıcı tarafından girilen 3 yazılı notunu hesaplayıp ortalaması 50′ den küçükse “Kaldı” değilse “Geçti” durumunu ekrana yazdıran javascript örneği.
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 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>Örnek</title> <style> .panel{ width: 200px; margin: auto; } .panel input{ width: 100%; height: 30px; margin:3px 0; background: #ededed; border:solid 1px #ccc; } #sonuc-yaz{ margin-top:10px; height: 50px; line-height: 50px; font-size:1em; font-weight: bold; } </style> <script> /*sayfa yüklendiğinde aşağıdaki scripti çalıştır*/ window.onload=function(e){ var y1=document.getElementById("y1"); var y2=document.getElementById("y2"); var y3=document.getElementById("y3"); var sonuc=document.getElementById("sonuc"); var hesapla=document.getElementById("hesapla"); var sonucYaz=document.getElementById("sonuc-yaz"); /*0-100 arasında değilse uyarı ver*/ [y1,y2,y3].forEach(function(element) { element.onchange=function(){ if(Number(element.value)<0 || Number(element.value)>100) { element.value=""; this.focus(); } } }); /*hesapla butonuna tıkladığında*/ hesapla.onclick=function(){ var s=(Number(y1.value)+Number(y2.value)+Number(y3.value))/3; sonuc.value=s.toFixed(2); if(s<50) { sonucYaz.textContent="BAŞARISIZ OLDUNUZ"; } else{ sonucYaz.textContent="GEÇTİNİZ"; } } } </script> </head> <body> <div class="panel"> <input type="text" id="y1" placeholder="1.yazılı"> <input type="text" id="y2" placeholder="2.yazılı"> <input type="text" id="y3" placeholder="3.yazılı"> <input type="text" id="sonuc"> <input type="button" id="hesapla" value="hesapla"> <div id="sonuc-yaz"></div> </div> </body> </html> |
Diğer Örnekler:
- JavaScript Hipotenüs Hesaplama Örneği
- JavaScript Sayısal Loto Örneği
- JavaScript Varmısın Yokmusun Örneği
- JavaScript Dizi İçindeki En Büyük En Küçük Sayıyı Bulma Örneği
- JavaScript Dikdörtgen Alan ve Çevre Hesaplama Örneği
- JavaScript Asal Sayı Kontrol Etme Örneği
- JavaScript Daire Alanı ve Çevresini Hesaplama Örneği
- JavaScript Faktoriyel Hesaplama Örneği
- JavaScript While Döngüsü Örnekleri
- JavaScript Metin İçinde Arama Yapma Örneği
- JavaScript Switch Case Kullanımı Örneği
- JavaScript Rastgele Sayı Üretme Örneği
- JavaScript Girilen Sayının Negatif Pozitif Olduğunu Bulan Örnek
- JavaScript Sayfa Arkaplan Rengini Rastgele Değiştirme Örneği
- JavaScript Dizi Metotları Örnekleri
- JavaScript Km-Mil Çevirme Örneği
- JavaScript Derece-Fahrenayt Çevirme Örneği
- JavaScript Gün İsmini Ekrana Yazdırma Örneği
- JavaScript Sayı Tahmin Oyunu Örneği
- JavaScript Console Log Kullanımı
- JavaScript Kürenin Hacmini Hesaplama Örneği
- JavaScript Üçgenin Alanını Hesaplama Örneği
- JavaScript Çarpım Tablosu Örneği
- JavaScript 3′ e ve 5′ e Tam Bölünebilme Örneği
- JavaScript Karenin Alanı ve Çevresini Hesaplama Örneği
- JavaScript Yazılı Ortalaması Hesaplama Örneği
- JavaScript Try-Catch-Finally Kullanımı Örneği
- JavaScript Div İçeriğini Temizleme Örneği
- JavaScript Switch-Case Kullanımı Örneği
- JavaScript Buttona tıklandığında Kod Çalıştırma Örneği
- JavaScript events(olay) kullanımı Örnekleri
- JavaScript For Döngüsü Karışık Örnekler
- JavaScript Tarih ve Saat Yazdırma Örneği
- JavaScript Fonksiyon Kullanımı Örneği
- JavaScript Vize Final Hesaplama Örneği
- JavaScript onInput Olay Kullanımı Örneği
- JavaScript Kayan Yazı Örneği
- JavaScript Kombinasyon Hesaplama
- JavaScript radio Kullanarak Dört İşlem Örneği
- JavaScript Toplama Çıkarma Çarpma Bölme Örneği
- JavaScript Sayfayı Tam Ekran Yapma Örneği
- JavaScript Fare Konumunu Öğrenme Örneği
- JavaScript Object Kullanımı Örneği
- JavaScript Kalan Karakter Bulma- Karakter Sayma Örneği
- JavaScript Mükemmel Sayı Kontrol Etme Örneği