microcorruption - print executing instructions

gistfile1.js

// event used to submit the form
var keydownEvent = $.Event('keydown', { which: 13 });

// input field that takes user-instructions
var $entry = $('#textentry');

// text blocks that we're interested in
var executingBytes = document.getElementById('insnbytes');
var decodedBytes = document.getElementById('insndecoded');

// bind to the decodedByte text block and watch for any changes
$('#insndecoded').bind('DOMSubtreeModified', function() {
	if (decodedBytes.innerHTML == '') return;
	
	console.log(
		// the current value of PC
		document.getElementById('reg0').innerHTML
		
		// the bytes being executed
		+ ': ' + executingBytes.innerHTML
		
		// pad the bytes for an even-spacing display
		+ Array(14 - executingBytes.innerHTML.trim().length).join(' ')
		
		// the decoded instructions
		+ ' ' + decodedBytes.innerHTML
	);
	
	if (!$('#io_input_box').is(':visible')) {
		// if the current instruction didn't invoke the I/O dialog,
		// submit a new "step" instruction
		$entry.val('s');
		$entry.trigger(keydownEvent);
	}
});