YAZILIM HOCAM SEO ve KURUCUSU MAZLUM ÖZÜ
Cuma , Kasım 24 2017

Js Çalışması (3 Sayının Toplamını Ve Ortalamasını Yapan Js Kodları)

Java Script diliniyeni yeni çözmeye başlayanlar veya kodları kendi başına çözmek isteyenler için için küçük bir alıştırma bunun yanında Hesapla butonu haricinde Temizle ve Sayfadan ayrıl butonları ekledik.
İşte Kodlar:

<html>
<head>
<title>Untitled Document</title>
</head>

<body>
<div id=”asd”>
<form id=”form1″ name=”form1″ method=”post” action=”” >
<table width=”502″ border=”0″>
<tr>
<td width=”144″><label for=”sayi1″>1.Sayi</label>
<input type=”text” name=”sayi1″ id=”sayi1″ /></td>
<td width=”144″><label for=”sayi2″>2.Sayi</label>
<input type=”text” name=”sayi2″ id=”sayi2″ /></td>
<td width=”200″><p>
<label for=”sayi3″>3.Sayi</label>
<br />
<input type=”text” name=”sayi3″ id=”sayi3″ />
</p></td>
</tr>
<tr>
<td></td>
<td><input type=”button” value=”Hesapla” onclick=”hesapla()”/></td>
<td></td>
</tr>
<tr>
<td><label for=”toplam”>Toplam</label>
<input type=”text” name=”toplam” id=”toplam” /></td>
<td><input type=”reset” name=”temizle” id=”temizle” value=”Temizle” /></td>
<td><label for=”oratalama”>Ortalama</label>
<input type=”text” name=”oratalama” id=”ortalama” /></td>
</tr>
<tr>
<td></td>
<td><input type=”submit” name=”kapat” id=”kapat” value=”Sayfadan Ayril” onclick=”window.close()”/></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p></p>
</form>
</div>
<script>
function hesapla()
{
var sayi1=document.getElementById(‘sayi1’).value;
var sayi2=document.getElementById(‘sayi2’).value;
var sayi3=document.getElementById(‘sayi3’).value;

var toplam=Number(sayi1)+Number(sayi2)+Number(sayi3);

var ortalama=toplam/3;

document.getElementById(‘toplam’).value=toplam;
document.getElementById(‘ortalama’).value=ortalama;
}
</script>
</body>
</html>

Hakkında Barış Aydın

Namık Kemal Üniversitesi Bilgisayar Programcılığı Bölümü Öğrencisi.

Bunu Okudunuz mu ?

tghb

Js Uygulaması (İki Sayıyı Çıkaran Js Uygulaması)

İki Sayıyı Çıkaran  Js Uygulamasıyla Sizlerleyiz. Daha Fazla Uygulama İçin Sitemizi Takip Edin. Kodlar: <html> …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir