Dreamweawer Dersleri

Dreamweawer'da Oyun


<style>
td {text-align:center;
font-size:16px;
}
</style>
<script>
function is1()
{
if(document.getElementById('k2').innerHTML=="")
{
document.getElementById('k2').innerHTML=document.getElementById('k1').innerHTML;
document.getElementById('k1').innerHTML="";
    }
if(document.getElementById('k4').innerHTML=="")
{
document.getElementById('k4').innerHTML=document.getElementById('k1').innerHTML;
document.getElementById('k1').innerHTML="";
    }
}
function is2()
{
if(document.getElementById('k1').innerHTML=="")
{
document.getElementById('k1').innerHTML=document.getElementById('k2').innerHTML;
document.getElementById('k2').innerHTML="";
    }
if(document.getElementById('k3').innerHTML=="")
{
document.getElementById('k3').innerHTML=document.getElementById('k2').innerHTML;
document.getElementById('k2').innerHTML="";
    }
if(document.getElementById('k5').innerHTML=="")
{
document.getElementById('k5').innerHTML=document.getElementById('k2').innerHTML;
document.getElementById('k2').innerHTML="";
    }
}
function is3()
{
if(document.getElementById('k2').innerHTML=="")
{
document.getElementById('k2').innerHTML=document.getElementById('k3').innerHTML;
document.getElementById('k3').innerHTML="";
    }
if(document.getElementById('k6').innerHTML=="")
{
document.getElementById('k6').innerHTML=document.getElementById('k3').innerHTML;
document.getElementById('k3').innerHTML="";
    }
}
function is4()
{
if(document.getElementById('k1').innerHTML=="")
{
document.getElementById('k1').innerHTML=document.getElementById('k4').innerHTML;
document.getElementById('k4').innerHTML="";
    }
if(document.getElementById('k5').innerHTML=="")
{
document.getElementById('k5').innerHTML=document.getElementById('k4').innerHTML;
document.getElementById('k4').innerHTML="";
    }
if(document.getElementById('k7').innerHTML=="")
{
document.getElementById('k7').innerHTML=document.getElementById('k4').innerHTML;
document.getElementById('k4').innerHTML="";
    }
}
function is5()
{
if(document.getElementById('k2').innerHTML=="")
{
document.getElementById('k2').innerHTML=document.getElementById('k5').innerHTML;
document.getElementById('k5').innerHTML="";
    }
if(document.getElementById('k4').innerHTML=="")
{
document.getElementById('k4').innerHTML=document.getElementById('k5').innerHTML;
document.getElementById('k5').innerHTML="";
    }
if(document.getElementById('k6').innerHTML=="")
{
document.getElementById('k6').innerHTML=document.getElementById('k5').innerHTML;
document.getElementById('k5').innerHTML="";
    }
if(document.getElementById('k8').innerHTML=="")
{
document.getElementById('k8').innerHTML=document.getElementById('k5').innerHTML;
document.getElementById('k5').innerHTML="";
    }
}
function is6()
{
if(document.getElementById('k3').innerHTML=="")
{
document.getElementById('k3').innerHTML=document.getElementById('k6').innerHTML;
document.getElementById('k6').innerHTML="";
    }
if(document.getElementById('k5').innerHTML=="")
{
document.getElementById('k5').innerHTML=document.getElementById('k6').innerHTML;
document.getElementById('k6').innerHTML="";
    }
if(document.getElementById('k9').innerHTML=="")
{
document.getElementById('k9').innerHTML=document.getElementById('k6').innerHTML;
document.getElementById('k6').innerHTML="";
    }
}
function is7()
{
if(document.getElementById('k4').innerHTML=="")
{
document.getElementById('k4').innerHTML=document.getElementById('k7').innerHTML;
document.getElementById('k7').innerHTML="";
    }
if(document.getElementById('k8').innerHTML=="")
{
document.getElementById('k8').innerHTML=document.getElementById('k7').innerHTML;
document.getElementById('k7').innerHTML="";
    }
}
function is8()
{
if(document.getElementById('k5').innerHTML=="")
{
document.getElementById('k5').innerHTML=document.getElementById('k8').innerHTML;
document.getElementById('k8').innerHTML="";
    }
if(document.getElementById('k7').innerHTML=="")
{
document.getElementById('k7').innerHTML=document.getElementById('k8').innerHTML;
document.getElementById('k8').innerHTML="";
    }
if(document.getElementById('k9').innerHTML=="")
{
document.getElementById('k9').innerHTML=document.getElementById('k8').innerHTML;
document.getElementById('k8').innerHTML="";
    }
}
function is9()
{
if(document.getElementById('k6').innerHTML=="")
{
document.getElementById('k6').innerHTML=document.getElementById('k9').innerHTML;
document.getElementById('k9').innerHTML="";
    }
if(document.getElementById('k8').innerHTML=="")
{
document.getElementById('k8').innerHTML=document.getElementById('k9').innerHTML;
document.getElementById('k9').innerHTML="";
    }
}
function kontrol()
{
if(document.getElementById('k1').innerHTML=="1" && 
   document.getElementById('k2').innerHTML=="2" && 
   document.getElementById('k3').innerHTML=="3" && 
   document.getElementById('k4').innerHTML=="4" && 
   document.getElementById('k5').innerHTML=="5" && 
   document.getElementById('k6').innerHTML=="6" && 
   document.getElementById('k7').innerHTML=="7" && 
   document.getElementById('k8').innerHTML=="8")
   {
   document.getElementById('k9').innerHTML="9";
   alert("T E B R İ K L E R");
   }
}
</script>
</head>
<body>
<table align="center" bgcolor="#00FFFF" border="1" width="200" height="200">
<tr>
<td  onclick="is1();" id="k1">5</td>
<td onClick="is2();" id="k2">1</td>
<td onClick="is3();" id="k3">3</td>
</tr>
<tr>
<td onClick="is4();" id="k4">4</td>
<td onClick="is5();" id="k5">6</td> 
<td onClick="is6();kontrol();" id="k6">8</td>
</tr>
<tr>
<td onClick="is7();" id="k7">7</td>
<td onClick="is8();kontrol()" id="k8">2</td>
<td onClick="is9();" id="k9" bgcolor="#FFFF00"></td>
</tr>
</table>
Dreamweawer'da Işık Yakma Programı

<style type="text/css">
#tasiyici {
width: 980px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
body {
background-color: #D6D6D6;
}
</style>
</head>

<body>
<div id="tasiyici">
<h1>Işık Yak</h1>
<img id="resim1" onclick="cagir()" src="img/isik_kapali.jpg" width="100" height="80" />
<script>
function cagir(){
var image = document.getElementById('resim1');
if(image.src.match("kapali"))
{
image.src = "img/isik_acik.jpg";
}else{
image.src = "img/isik_kapali.jpg";
}
}
</script>

Dreamweawer'da Tahmin Oyunu


<p>1'den 10'a Kadar herhangi bir rakamı yaz</p>
<input id="numara" type="number">
<button type="button" onclick="tahmin()">Tahmin Et</button>
<script>
function tahmin()
{
var x = document.getElementById("numara").value;
var b = Math.floor((Math.random()*10));
if( x == b)
{
document.write("Doğru tahmin");
}
else {
document.write("Yanlış tahmin<br>");
document.write(b);
}
}
</script>

Dreamweawer'da Google Uyarısına Ad Yazmak

<script>
var isim = prompt("Adınız nedir?","")
var cevap = confirm("Adınız ekrana yazılsın mı?")
var yaz = (cevap==true)? isim : "Peki, yazılmasın"
document.write(yaz)
</script>

Dreamweawer'da Sayıların Kare ve Küpleri

<script>
document.write("1-10 arası sayıların kareleri ve küpleri","<br>")
for(i=0; i<10; i++)
document.write(i,"---->", i*i,"---->",i*i*i,"<br>")
</script>

Dreamweawer'da Butona Tıklayınca 

Büyüyen Yazı

<p id="paragraf">Cihangir Şen</p>
<button type="button" onclick="yap()">TIKLA</button>
<script>
function yap() {
var x= document.getElementById('paragraf');
    x.style.fontSize = "25px";           
    x.style.color = "red";
x.style.transition = "5s";
}
</script>

Dreamweawer'da Google Uyarısında Matematik İşlemi 

Yapmak

<script>
var cevap1=prompt("54 + 21= ?","cevap?")
var cevap2=prompt("20 / 4 =?","cevap?")
if(cevap1==75 && cevap2==5)
alert("Cevapların ikiside doğrudur")
else if(cavap1 != 75 && cavap2 != 5)
alert("Cevapların ikiside yanlıştır")
else
alert("Cevapların biri doğrudur")
</script>

Dreamweawer'da Butona Tıklayınca İsim Yazdıran Program


<button type="button" onclick="document.getElementById('isim').innerHTML = 'Cihangir Şen' ;
"> İsim Yazdır</button>
<div id="isim"> </div>

Dreamweawer'da Google'dan Uyarı Gelen Program

<script>
function merhaba ()
{
alert("dwhocam.blogspot.com")
}
function MM_popupMsg(msg) { //v1.0
  alert(msg);
}
</script>
</head>
<body>
<form action="" method="get" >
<input name="" type="button" value="Tıkla" onclick="merhaba()" />
</form>

Dreamweawer'da Tıklayınca Değişen Resim


<img onclick="dw()" id="resimim" src="images/a.gif" />
<script>
function dw()
{
var image=document.getElementById('resimim');
if (image.src.match("bk")) 
{
     image.src="images/a.gif"
}
else
{
 image.src="images/bk.gif"
}
}
</script>


Dreamweawer'da Tıklayınca Değişen Paragraf


<h1> Hoşgeldiniz!</h1>
<p id="demo">dwhocam.blogspot | Javascript</p>
<button type="button" onclick="document.getElementById('demo').innerHTML='dwhocam.blogspot '">
<p>Tıkla </p>
</button>

Dreamweawer'da Üstüne Gelince Büyüyen Yazı


<p style="cursor:pointer; " onmouseover="degis()" id="yazi"> dwhocam.blogspot.com</p>
<script>
function degis()
{
var x = document.getElementById('yazi');
x.style.color= "blue";
x.style.fontSize = "20px";
x.style.marginTop= "530px";
x.style.transition= "2s"
}
</script>

Dreamweawer'da Saate Göre Mesaj Veren Program


<script>
var zaman= new Date()
var saat= zaman.getHours()
if(saat >= 6 && saat <=10)
{
alert("Günaydın Efendim");
}
if(saat >= 11 && saat <=17)
{
alert("Öğle Arası Geldi Yemek Yiyin.");
}
if(saat > 17 && saat <=23)
{
alert("İyi Akşamlar");
}

if(saat > 23 && saat <=5)
{
alert("İyi Geceler");
}
</script>

Dreamweawer'da Takdir-Teşekkür Hesaplama

<style type="text/css">
#buton {
background-color: #666;
color: #CCC;
}
#buton:hover{
background-color: #CCC;
color: #333;
transition: 0.7s;
}
</style>
</head>
<body>
<form style="text-align: center;">
<h2 style="font-family: Century Gothic; color: #666; margin-left:30px;"> TAKDİR TEŞEKKÜR HESAPLAMA </h2>

<h2 style="font-family: Century Gothic; color: #666; margin-left:30px;"> dwhocam.blogspot.com </h2>
<input style=" padding-left: 5px; font-family: Century Gothic; height: 30px; width: 190px; background-color: #666; color: #CCC;" id="kutu1" placeholder="Matematik" name="" type="number" />
<p>
<input style=" padding-left: 5px; font-family: Century Gothic; height: 30px; width: 190px; background-color: #666; color: #CCC;" id="kutu2" name="" placeholder="Fizik" type="number" />
<p>
<input style="padding-left: 5px; font-family: Century Gothic; height: 30px; width: 190px; background-color: #666; color: #CCC;" id="kutu3" name="" placeholder="Beden Eğitimi" type="number" />
<p>
<input style="padding-left: 5px; font-family: Century Gothic; height: 30px; width: 190px; background-color: #666; color: #CCC;" id="kutu4" name=""placeholder="Bilişim Teknolojileri" type="number" />
<p>
<input id="buton" style="font-family: Century Gothic; height: 33px; margin-left:-10px; width: 90px;  " name="" type="submit" onclick="hesapla()" value="Hesapla" />
</form>
<p style=" font-size: 200px;" id="sonuc"> </p>
<p id="durum"> </p>
<script>
function hesapla() 
{
var matematik = document.getElementById("kutu1").value;

var fizik = document.getElementById("kutu2").value;

var beden = document.getElementById("kutu3").value;

var bilisim = document.getElementById("kutu4").value;

var sonuc = (parseInt(matematik)*5 + parseInt(fizik)*3 + parseInt(beden)*2 + parseInt(bilisim)*10) / 20;

if(sonuc >= 70 && sonuc <= 85)
{
alert("Ortalamanız" + sonuc + "Tebrikler Teşekkür Aldınız...!")
}
else if(sonuc >= 85 && sonuc <= 100)
{
alert("Ortalamanız" + sonuc + "Tebrikler Takdir Aldınız...!")
}
else{
alert("Ortalamanız" + sonuc + "Belge Alamadınız..")
}
}
</script>



0 yorum :

Yorum Gönder