JavaScript ile kullanıcıdan textBox ile 2 yazılı notu isteyerek, bu sınavlara ait ortalamayı hesaplayarak sonucu oluşturulan div içerisinde görüntüleme örneğine ait kodlar ve ekran çıktısı:
HTML+JavaScript Kodları:
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 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>algoritmaornekleri.com</title> </head> <body> <h2>Yazılı Ortalaması Hesapla</h2> <input placeholder="1. Yazılıyı Girin" type="text" id="txtY1"> <input placeholder="2. Yazılıyı Girin" type="text" id="txtY2"> <button id="btn">HESAPLA</button> <div id="sonuc"></div> <script> function Hesapla() { var y1=Number(document.getElementById("txtY1").value); var y2=Number(document.getElementById("txtY2").value); var ortalama=(y1+y2)/2 document.getElementById("sonuc").innerHTML="Ortalama : "+ortalama; } var hesapBtn=document.getElementById("btn"); hesapBtn.onclick=Hesapla; </script> </body> </html> |
Ekran Çıktısı:
Add Comment