1. Ana Sayfa
  2. Web Tasarım ve Programlama
  3. Web Tasarım ve Programlama Dersi 2.Dönem 1.Uygulama Sınav Soru ve Cevapları

Web Tasarım ve Programlama Dersi 2.Dönem 1.Uygulama Sınav Soru ve Cevapları


Aşağıdaki tabloya göre Taşıt Vergisi hesaplamasını yapan Html sayfasını javascript kodları yardımıyla oluşturunuz. (40p)

Arac Vergi Tablosu
Otomobil Kamyon-Kamyonet
Motor Hacmi 1-3 Yas 4–6 yas Motor Hacmi 1-3 Yas 4–6 yas
0-1300 600 350 0-1300 900 600
1301-1600 900 650 1301-1600 1200 800
<!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>bilisimogretmeni.com</title>
<script language="javascript" type="text/javascript">
 function islem()
{
	var x=document.getElementById("arac");
	var y=document.getElementById("yas");
	var z=document.getElementById("motor");
	
if (x[0].selected && y[0].selected && z[0].selected)
{
	document.getElementById("s1").value=600;
}
if (x[0].selected && y[0].selected && z[1].selected)
{
	document.getElementById("s1").value=900;
}
if (x[0].selected && y[1].selected && z[0].selected)
{
	document.getElementById("s1").value=350;
}
if (x[0].selected && y[1].selected && z[1].selected)
{
	document.getElementById("s1").value=650;
}
if (x[1].selected && y[0].selected && z[0].selected)
{
	document.getElementById("s1").value=900;
}
if (x[1].selected && y[0].selected && z[1].selected)
{
	document.getElementById("s1").value=1200;
}
if (x[1].selected && y[1].selected && z[0].selected)
{
	document.getElementById("s1").value=600;
}
if (x[1].selected && y[1].selected && z[1].selected)
{
	document.getElementById("s1").value=800;
}
	document.getElementById("s2").value=document.getElementById("s1").value/2;
	document.getElementById("s3").value=document.getElementById("s1").value/2;
}
</script>
</head>

<body>
<h2>"Vergilendirilmiş Kazanç Kutsaldır."
</h2>
<hr  align="left" width="500"/>

Araç Tipi :
<select  id="arac">
<option value="1"> Otomobil </option>
<option value="2"> Kamyon-Kamyonet </option>
</select>
<br />
Araç Yaşı :
<select  id="yas" >
<option value="1"  > 1-3 </option>
<option value="2"> 4-6 </option>
</select>
<br />
Motor Hacmi :
<select  id="motor" >
<option value="1"  > 0-1300 </option>
<option value="2"> 1301-1600 </option>
</select>
<br />
  <input type="button" name="dugme" value="Hesapla" onclick="islem()" />
  <br />
Yıllık Tutar..:<input type="text" name="metin" id="s1" /><br />
İlk Taksit....:  <input type="text" name="metin" id="s2" /><br />
İkinci Taksit:  <input type="text" name="metin" id="s3" /><br />
</body>
</html>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/x75jM/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]

2- İki Kenar uzunluğu girilen bir dörtgenin kare veya dikdörtgen olup olmadığını bulan programı javascript kodları ile yapın..
[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/RMryZ/
” 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" />
<script type="text/javascript" language="javascript">
function hesap()
{
var k1,k2;
k1=eval(document.dortgen.kenar1.value);
k2=eval(document.dortgen.kenar2.value);
if(k1==k2)
{
document.getElementById("sonuc").innerHTML="Şekil Kare";
//www.bilisimogretmeni.com
}
else
{
document.getElementById("sonuc").innerHTML="Şekil Dikdörtgen";
//www.bilisimogretmeni.com
}
}
</script>
<title>Başlıksız Belge</title>
</head>
<body>
<form name="dortgen">
<table>
<tr>
<td>1.Kenar</td>
<td><input type="text" name="kenar1" /></td>
</tr>
<tr>
<td>2.Kenar</td>
<td><input type="text" name="kenar2" /></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="button" onclick="hesap()" value="Kontrol Et" /></td>
</tr>
</table>
</form>
<p id="sonuc"></p>
</body>
</html>

3-İki kenar uzunluğu girilen dörtgenin yapılan seçime göre alan veya çevresini hesaplayan programı javascript kodları ile yapın..

<!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" />
<script type="text/javascript" language="javascript">
function hesap()
{
var k1,k2,sonuc;
k1=eval(document.dortgen.kenar1.value);
k2=eval(document.dortgen.kenar2.value);
 if (document.dortgen.formul[0].checked)
    {//www.bilisimogretmeni.com
    sonuc=k1*k2;
    }
	 if (document.dortgen.formul[1].checked)
    {//www.bilisimogretmeni.com
   sonuc=(2*k1)+(2*k2);
    }	
document.getElementById("sonuc").innerHTML="İşlem Sonucu= "+sonuc;
//www.bilisimogretmeni.com
}
</script>
<title>Başlıksız Belge</title>
</head>
<body>
<form name="dortgen">
<table>
<tr>
<td>1.Kenar</td>
<td><input type="text" name="kenar1" /></td>
</tr>
<tr>
<td>2.Kenar</td>
<td><input type="text" name="kenar2" /></td>
</tr>
<tr>
<tr>
<td>Yapılacak İşlem</td>
<td>
<input type="radio" name="formul" value="Alan" />Alan<br />
<input type="radio" name="formul" value="Cevre"/>Çevre<br /></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="button" onclick="hesap()" value="Hesapla" /></td>
</tr>
</table>
</form>
<p id="sonuc"></p>
</body>
</html>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/tjJb8/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]

Yorum Yap
Subscribe
Bildir
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Yorum
Inline Feedbacks
View all comments