Sayman 1.0' huzurlarınıza sunuyorum. HTML'den yaptığım hesap makinesine Sayman 1.0 adını vermek istedim. Bence ilk ders için gayet ideal. İlk bilgi içerikli yazı değil. Ama vereceğim ilk ders. Onun için yeni başlayan HTML öğrencilerine tavsiyem ilk önce biraz kodlara baksınlar hangi kod ne işe yarar. Sonra da ilk ders bu hesap makinesi olur kolay, pratik, işe yarar, değiştirilebilir. Orada da gördüğünüz gibi 1.sayi yazan yere sayımızı 2.sayi yazan yere de 2. sayımızı yazıp aşağıdan yapacağımız işleme tıklıyoruz. sonuç bölümünden sonucu alabilirsiniz. Şimdi nasıl yapıldığına gelelim.
Kodların hepsini birden paylaşacağım. Sonra üstünden değişiklik yapmak istediğiniz yerleri nasıl değiştirebileceğinize geliriz.
<html>
<head>
<title>SAYMAN
</title>
<script language="javaScript">
function topla(ne){
ne.sonuç.value=parseFloat(ne.say1.value)+parseFloat(ne.say2.value);
}
function çikar(ne){
ne.sonuç.value=parseFloat(ne.say1.value)-parseFloat(ne.say2.value);
}
function çarp(ne){
ne.sonuç.value=parseFloat(ne.say1.value)*parseFloat(ne.say2.value);
}
function böl(ne){
ne.sonuç.value=parseFloat(ne.say1.value)/parseFloat(ne.say2.value);
}
function ort(ne){
ne.sonuç.value=[parseFloat(ne.say1.value)+parseFloat(ne.say2.value)]/2;
}
</script>
</head>
<body>
<table border="30" width="200"bgcolor="grey"><tr><td>
<form name="formum"><font color="white">
<center><b>SAYMAN 1.0</b></center>
1.sayi<input type="text" name="say1">
<br>2.sayi<input type="text" name="say2">
<br>sonuç<input type="text" name="sonuç">
<center>
<input type="button" value="+" onclick="topla(this.form)">
<input type="button" value="-" onclick="çikar(this.form)">
<input type="button" value="x" onclick="çarp(this.form)">
<input type="button" value="/" onclick="böl(this.form)">
<input type="button" value="ort" onclick="ort(this.form)">
</td></tr></table>
</body>
</html>
Evet. Olay bundan ibaret. İlk görünüşte karışık gelmesine karşın zamanla alışacağınız hatta ileride belki de arayacağınız kodlar. Öncelikle etrafındaki o tablonun boyunu büyültmek veya küçültmek isteyenler table border="30" yazıyor. Oradaki 30'u değiştireceksiniz. Renkle ilgilenen arkadaşlar hemen table borderın yanında bgcolor="grey" yazıyor siz de oraya hangi rengi istiyorsanız onun ingilizcesini yazacaksınız. Örneğin; yeşil = green
gri = grey
pembe = pink
siyah = black
mavi= blue
Şimdi orada yazan yazıyı değiştirmek isteyenlere geldi sıra.
<center><b>SAYMAN 1.0</b></center> diye bir satır var orada. Bu arkadaşlar SAYMAN 1.0 yazan yerle ilgileniyorlar. Oraya istediğinizi yazabilirsiniz. Örneğin isminize özel hesap makinesi şeklinde de yapabilirsiniz. Mesela benim adım Fatih kendimden örnek verecek olursam. Oraya FATİH'İN HESAP MAKİNESİ yazabilirim. Ne yazarsanız o çıkar. Bunu not defterine yazdıktan sonra kaydederken kayıt ismini yazdıktan sonra .html yi de ekliyorsunuz. Örneğin ben Sayman 1.0 diye kaydedecek olursam oraya Sayman 1.0.html yazmam gerekir. Olay budur. Vesselam...
Fatih ÜNÜGÜR Güncel Blog Sitesi, Dini, Tarih, Webmaster, Futbol, Sağlık, Teknoloji, Dizi ve Film, Program, Eğlence, Oyun
0 yorum:
Fatih ÜNÜGÜR Güncel Blog Sitesi, Dini, Tarih, Webmaster, Futbol, Sağlık, Teknoloji, Dizi ve Film, Program, Eğlence, Oyun