Javascript Test Alanı

Ãœstadlar,

Javascript kodlarını test edebileceğim bir html sayfası nasıl oluştururum? Yani kodları yazacağım bir kutu olacak, kodları yazdıktan sonra bir buton yardımıyla diğer kutuda çıktısı olacak. Yanyana iki kutu ilkine kodları yapıştır, butona bas yanındaki kutuda kodlar çalışacak. Bir nevi test etmek gibi.

Nasıl yapabilirim, lütfen yardım. Proje için gerekli. Şimdiden Teşekkürler.

test edeceğin yaptığın şeyi function olarak tanımla:
function blabla() { kod kod kod }

bunu test edecekkende bi buton yada bir element oluÅŸturup misalen:

<span onclick="javascript:blabla();" style="cursor: pointer">test et</span>

diye birÅŸey yap.

test et yazısına tıkladığın zaman üstteki blabla function unu çalıştıracak sende çalıştırıp test etmiş olacaksın

Merhaba justices, öncelikle cevabın için sağol ancak ben aşağıdaki sitedeki gibi birşey istiyorum.

http://www.w3schools.com/js/tryit.as...me=tryjs_intro

Bu sitedeki çok hoşuma gitti ancak bunun gibi yapamadım? css felan olunca anlamadım kodlarını.

Bunun aynısının kodlarını bana yazarbilir misin? Teşekkürler ..

o sayfada bi asp kontrolü bulunan bi boş sayfa var. o sayfa iframe içerisine çağrılmış (önizleme ekranı olan gördüğün yer)

sayfa kendi içerisinde form postlayarak, kodu yazdığın alandaki kodu yandaki iframe e aktarıp görüntülüyor.
soldaki kutucuğa yazdıklarını yandaki iframe e aktarıp oradaki asp nin (yada sen php, aspx falan yapabilirsin) body vs. tagları içeren ama kodu da alıp yansıtabileceği bir düzenek kurarsan (postlayarak) oradaki sonuca ulaşırsın ama böyle birşeyi yazmaya zamanım yok, kolay gelsin

Bunun için sana lazım olan textarea ve div dir.textarea içine yazdığın kodu divin içinde yazınlarsın.

//javascript ile

function uygula() {

var icerik=document.getElementById('txt').value;

document.getElementById('alan').innerHTML=icerik

}

//html

<texarea id="txt"></textarea>
<button type="button" id="btn" onclick="uygula();">Uygula</button>

<div id="alan"></div>




//jquey ile

$(function () {

$('#btn').click(funcrion () {

var icerik=$('txt').value();

$('alan').html(icerik);

})

})

//html

<texarea id="txt"></textarea>
<button type="button" id="btn" >Uygula</button>

<div id="alan"></div


Bu iki yoldan birisini yaparsan aynı uygulamayı elde etmiş olursun.

Çok teşekkür ettim, js ile olanını kullandım. Emeğinize sağlık .