natescode/index.html

## index.html
<!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" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
  <div id="wrapper">
  <select id="library" name="library">
                <option value="none">None</option>
                <option value="jquery">jQuery</option>
                <option value="jqueryui+jquery">jQuery UI</option>
                <option value="prototype">prototype</option>
                <option value="scriptaculous+prototype">script.aculo.us</option>
                <option value="yui">YUI</option>
                <option value="mootools">MooTools</option>
                <option value="dojo">dojo</option>
                <option value="ext">Ext JS</option>
            </select>
            <input id="myhiddenfield" type="text" value="foobar" />
  </div>
  <script type="text/javascript">
  $('#myhiddenfield').attr('disabled','disabled');
  $('#library').bind('change', function(e) {
    if ($('option:selected', e.target).val() == 'dojo') {
      $('#myhiddenfield').removeAttr('disabled');
    }
    else {
      $('#myhiddenfield').attr('disabled', 'disabled');
    }
  });
  </script>
<script id="jsbin-javascript">
var message = [87,101, 32, 97, 114, 101, 32, 80, 114, 101, 103, 110, 97 ,110 ,116, 33, 10 ,10, 10, 119, 105, 116, 104, 10, 10 ,10, 84, 87, 73, 78, 83, 32, 33, 33, 33];
var decodedMessage = "";
message.forEach(function(element) {
  decodedMessage += String.fromCharCode(element);
});


var i = 0;
var msg = "";

setInterval(function(){

  msg += String.fromCharCode(message[i]);
  console.clear();
  console.log(msg + "|");
  i++;
  if(i > message.length){
    clearInterval(this);
  }
},500);

clearInterval(function(){
  console.log(String.fromCharCode(message[i]));
  i++;
},500);
</script>


<script id="jsbin-source-javascript" type="text/javascript">var message = [87,101, 32, 97, 114, 101, 32, 80, 114, 101, 103, 110, 97 ,110 ,116, 33, 10 ,10, 10, 119, 105, 116, 104, 10, 10 ,10, 84, 87, 73, 78, 83, 32, 33, 33, 33];
var decodedMessage = "";
message.forEach(function(element) {
  decodedMessage += String.fromCharCode(element);
});


var i = 0;
var msg = "";

setInterval(function(){

  msg += String.fromCharCode(message[i]);
  console.clear();
  console.log(msg + "|");
  i++;
  if(i > message.length){
    clearInterval(this);
  }
},500);

clearInterval(function(){
  console.log(String.fromCharCode(message[i]));
  i++;
},500);</script></body>
</html>

## jsbin.toboyukigo.js
var message = [87,101, 32, 97, 114, 101, 32, 80, 114, 101, 103, 110, 97 ,110 ,116, 33, 10 ,10, 10, 119, 105, 116, 104, 10, 10 ,10, 84, 87, 73, 78, 83, 32, 33, 33, 33];
var decodedMessage = "";
message.forEach(function(element) {
  decodedMessage += String.fromCharCode(element);
});


var i = 0;
var msg = "";

setInterval(function(){

  msg += String.fromCharCode(message[i]);
  console.clear();
  console.log(msg + "|");
  i++;
  if(i > message.length){
    clearInterval(this);
  }
},500);

clearInterval(function(){
  console.log(String.fromCharCode(message[i]));
  i++;
},500);
	<!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" xml:lang="en" lang="en">
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<title>Sandbox</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<style type="text/css" media="screen">
	body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
	</style>
	</head>
	<body>
	<div id="wrapper">
	<select id="library" name="library">
	<option value="none">None</option>
	<option value="jquery">jQuery</option>
	<option value="jqueryui+jquery">jQuery UI</option>
	<option value="prototype">prototype</option>
	<option value="scriptaculous+prototype">script.aculo.us</option>
	<option value="yui">YUI</option>
	<option value="mootools">MooTools</option>
	<option value="dojo">dojo</option>
	<option value="ext">Ext JS</option>
	</select>
	<input id="myhiddenfield" type="text" value="foobar" />
	</div>
	<script type="text/javascript">
	$('#myhiddenfield').attr('disabled','disabled');
	$('#library').bind('change', function(e) {
	if ($('option:selected', e.target).val() == 'dojo') {
	$('#myhiddenfield').removeAttr('disabled');
	}
	else {
	$('#myhiddenfield').attr('disabled', 'disabled');
	}
	});
	</script>
	<script id="jsbin-javascript">
	var message = [87,101, 32, 97, 114, 101, 32, 80, 114, 101, 103, 110, 97 ,110 ,116, 33, 10 ,10, 10, 119, 105, 116, 104, 10, 10 ,10, 84, 87, 73, 78, 83, 32, 33, 33, 33];
	var decodedMessage = "";
	message.forEach(function(element) {
	decodedMessage += String.fromCharCode(element);
	});


	var i = 0;
	var msg = "";

	setInterval(function(){

	msg += String.fromCharCode(message[i]);
	console.clear();
	console.log(msg + "\|");
	i++;
	if(i > message.length){
	clearInterval(this);
	}
	},500);

	clearInterval(function(){
	console.log(String.fromCharCode(message[i]));
	i++;
	},500);
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">var message = [87,101, 32, 97, 114, 101, 32, 80, 114, 101, 103, 110, 97 ,110 ,116, 33, 10 ,10, 10, 119, 105, 116, 104, 10, 10 ,10, 84, 87, 73, 78, 83, 32, 33, 33, 33];
	var decodedMessage = "";
	message.forEach(function(element) {
	decodedMessage += String.fromCharCode(element);
	});


	var i = 0;
	var msg = "";

	setInterval(function(){

	msg += String.fromCharCode(message[i]);
	console.clear();
	console.log(msg + "\|");
	i++;
	if(i > message.length){
	clearInterval(this);
	}
	},500);

	clearInterval(function(){
	console.log(String.fromCharCode(message[i]));
	i++;
	},500);</script></body>
	</html>