Try It Yourself

Aşağıdaki kodları düzenle ve ardından sonucu gör butonuna tıkla...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function yaz()
{
	var a=document.getElementById("kutu1").value;
	document.getElementById("snc1").innerHTML=a;
	}
	
function artir()
{
	var a=parseInt(document.getElementById("kutu2").value);
	a++;
	document.getElementById("kutu2").value=a;
	}
	
function htmlEkle()
{
	document.getElementById("snc3"). innerHTML = "<table width='150' border='1' cellspacing='0' cellpadding='3'> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr></table>";
	}
</script>
</head>

<body>
<input name="kutu1" id="kutu1" type="text" />
<button onclick="yaz()">Kutudakini Yaz</button> <b id="snc1"></b><br/>

<input name="kutu2" id="kutu2" type="text" />
<button onclick="artir()">Kutudaki Sayıyı 1 Artır</button><br/>

<button onclick="htmlEkle()">Aşağıya tablo ekle</button> <p id="snc3"></p><br/>
</body>
</html>

​x
 
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script language="javascript">function yaz(){    var a=document.getElementById("kutu1").value;    document.getElementById("snc1").innerHTML=a;    }    function artir(){    var a=parseInt(document.getElementById("kutu2").value);    a++;    document.getElementById("kutu2").value=a;    }    function htmlEkle(){    document.getElementById("snc3"). innerHTML = "<table width='150' border='1' cellspacing='0' cellpadding='3'> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr></table>";    }</script></head>​<body><input name="kutu1" id="kutu1" type="text" /><button onclick="yaz()">Kutudakini Yaz</button> <b id="snc1"></b><br/>​<input name="kutu2" id="kutu2" type="text" /><button onclick="artir()">Kutudaki Sayıyı 1 Artır</button><br/>​<button onclick="htmlEkle()">Aşağıya tablo ekle</button> <p id="snc3"></p><br/></body></html>

Kodlarını Dene

Sitemizdeki örnekler üzerinde değişiklikler yaparak sonucu görebilir, bu sayede daha iyi anlayabilirsin.

Her geçen gün sitemizdeki konulara yeni örnekler eklenmektedir. Mümkün olduğunca fazla örnek yayınlamak öncelikli hedefimiz olup, bu konuda durmadan çalışmaktayız..

Facebook sayfamızı beğenerek ve sitemizi sık sık ziyaret ederek bize destek olabilirsiniz.

Bu Sayfada Şunları Yapabilirsin

Html Kodunu Test Etme (Test your Html code)

Css Kodunu Test Etme (Test your Css code)

JavaScript Kodunu Test Etme (Test your JavaScript code)

JQuery Kodunu Test Etme (Test your Jquery code)

BootStrap Kodunu Test Etme (Test your BootStrap page)

Son Eklenen Konular