├── .htaccess
├── index.php
├── README.md
├── LICENSE
├── arrays.js
├── index.html
└── new.html


/.htaccess:
--------------------------------------------------------------------------------
1 | DirectoryIndex index.php
2 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?
 2 | 	$page = file_get_contents('index.html');
 3 | 
 4 | 	$nav = capture('/var/www/cal/iamcal.com/templates/universal_nav.txt');
 5 | 	$track = capture('/var/www/cal/iamcal.com/templates/universal_tracker.txt');
 6 | 
 7 | 	$page = str_replace('<!-- NAV -->', $nav, $page);
 8 | 	$page = str_replace('<!-- TRACK -->', $track, $page);
 9 | 
10 | 	echo $page;
11 | 
12 | 
13 | 	function capture($path){
14 | 		ob_start();
15 | 		include($path);
16 | 		$out = ob_get_contents();
17 | 		ob_end_clean();
18 | 		return $out;
19 | 	}
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Javascript Brainfuck Interpreter / Debugger
 2 | 
 3 | <a href="http://en.wikipedia.org/wiki/Brainfuck">Brainfuck</a> is an esoteric toy programming language 
 4 | which can be used to teach some software engineering principals, but is mostly used to produce very 
 5 | complex-looking programs that do very simple things.
 6 | 
 7 | This project is a web-based debugger for Brainfuck, created in 2002 when the world was young.
 8 | 
 9 | You can play with it online at <a href="http://www.iamcal.com/misc/bf_debug/">http://www.iamcal.com/misc/bf_debug/</a>
10 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Cal Henderson
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/arrays.js:
--------------------------------------------------------------------------------
 1 | //
 2 | // arrays.js - part of the fq engine
 3 | // (c)2000-2002 Cal Henderson and Elliot Brady
 4 | //
 5 | // Array extensions
 6 | //
 7 | 
 8 | //
 9 | // array.shift removes the first element of an array and returns it
10 | //
11 | 
12 | if (typeof(Array.shift) == 'undefined'){
13 | 	Array.prototype.shift = function ArrayShift(){
14 | 		var first = this[0];
15 | 		for (var i=0; i<this.length-1; i++){
16 | 			this[i] = this[i+1];
17 | 		}
18 | 		this.length--;
19 | 		return first;
20 | 	};
21 | }
22 | 
23 | //
24 | // array.push adds an element to the end of the array
25 | //
26 | 
27 | if (typeof(Array.push) == 'undefined'){
28 | 	Array.prototype.push = function ArrayPush(){
29 | 		for (var i=0; i <arguments.length; i++){
30 | 			this[this.length] = arguments[i];
31 | 		}
32 | 	};
33 | }
34 | 
35 | //
36 | // array.remove removes an indexed element of an array and returns it
37 | //
38 | 
39 | if (typeof(Array.remove) == 'undefined'){
40 | 	Array.prototype.remove = function ArrayRemove(a){
41 | 		var item = this[a];
42 | 		for (var i=a; i<this.length-1; i++){
43 | 			this[i] = this[i+1];
44 | 		}
45 | 		this.length--;
46 | 		return item;
47 | 	};
48 | }
49 | 
50 | //
51 | // array.pop removes an element from the end of the array
52 | //
53 | 
54 | if (typeof(Array.pop) == 'undefined'){
55 | 	Array.prototype.pop = function ArrayPop(){
56 | 		var result = this[this.length-1];
57 | 		this.length--;
58 | 		return result;
59 | 	};
60 | }
61 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | <title>Javascript Brainfuck Interpreter / Debugger</title>
  4 | <script language="Javascript" src="arrays.js"></script>
  5 | <script>
  6 | 
  7 | // interactive input mode:
  8 | // 
  9 | // a     ascii char
 10 | // #97   decimal char index
 11 | // !141  octal char index
 12 | // $61   hex char index
 13 | 
 14 | var g_debugging = 0;
 15 | var g_memory = Array();
 16 | var g_max_mem = 256;
 17 | var g_max_val = 255;
 18 | var g_ip = 0;
 19 | var g_mp = 0;
 20 | var g_dp = 0;
 21 | var g_program = new Array();
 22 | var g_targets = new Array();
 23 | var g_input = new Array();
 24 | var g_output = '';
 25 | var g_viewer_width = 60;
 26 | var g_quit_debug_run = 0;
 27 | var g_debugging_running = 0;
 28 | var g_prompt_for_input = 0;
 29 | var g_running = 0;
 30 | var g_linebreaker = "\n";
 31 | 
 32 | function init(){
 33 | 	if (navigator.userAgent.toLowerCase().indexOf("msie") != -1){
 34 | 		g_linebreaker = "\r";
 35 | 	}
 36 | 
 37 |     document.addEventListener('keypress', function(e) {
 38 |         //n for single step
 39 |         if (e.keyCode == 110)
 40 |             document.getElementById('button_step').click();
 41 |         //c for run to next breakpoint
 42 |         else if (e.keyCode == 99)
 43 |             document.getElementById('button_run_debug').click();
 44 |     }, false);
 45 | }
 46 | 
 47 | function init_memory(){
 48 | 	for(var i=0; i<=g_max_mem; i++){
 49 | 		g_memory[i] = 0;
 50 | 	}
 51 | 	g_mp = 0;
 52 | }
 53 | 
 54 | function init_io(){
 55 | 	g_dp = 0;
 56 | 	g_output = '';
 57 | }
 58 | 
 59 | function init_prog(code){
 60 | 	g_program.length = 0;
 61 | 	for(var i=0; i<code.length; i++){
 62 | 		var op = code.charAt(i)
 63 | 		// check it's not a carriage return or anything that will
 64 | 		//  break the program viewer too badly :)
 65 | 		if (is_valid_op(op)){
 66 | 			g_program[g_program.length] = op;
 67 | 		}
 68 | 	}	
 69 | 	g_ip = 0;
 70 | 	init_targets();
 71 | }
 72 | 
 73 | function init_targets(){
 74 | 	g_targets.length = 0;
 75 | 	var temp_stack = new Array();
 76 | 	for(var i=0; i<g_program.length; i++){
 77 | 		var op = g_program[i];
 78 | 		if (op == '['){
 79 | 			temp_stack.push(i);
 80 | 		}
 81 | 		if (op == ']'){
 82 | 			if (temp_stack.length == 0) alert('Parseing error: ] with no matching [');
 83 | 			var target = temp_stack.pop();
 84 | 			g_targets[i] = target;
 85 | 			g_targets[target] = i;
 86 | 		}
 87 | 	}
 88 | 	if (temp_stack.length > 0) alert('Parseing error: [ with no matching ]');
 89 | }
 90 | 
 91 | function init_input(){
 92 | 	g_prompt_for_input = document.getElementById('input_mode_1').checked;
 93 | 	g_input.length = 0;
 94 | 	var in_data = document.getElementById('edit_input').value;
 95 | 	for(var i=0; i<in_data.length; i++){
 96 | 		g_input[g_input.length] = in_data.charAt(i);
 97 | 	}	
 98 | 	g_dp = 0;
 99 | }
100 | 
101 | function get_input(){
102 | 	if (g_prompt_for_input){
103 | 		var data = window.prompt("Enter an input character (use #xxx to specify a decimal code, !xxx for an octal code, or $xxx for a hex code):", "#0");
104 | 		if ((data == null) || (!data)) return 0;
105 | 		if (data.charAt(0) == '#'){
106 | 			return parseInt(data.substr(1), 10);
107 | 		}
108 | 		if (data.charAt(0) == '!'){
109 | 			return eval('0'+data.substr(1));
110 | 		}
111 | 		if (data.charAt(0) == '$'){
112 | 			return eval('0x'+data.substr(1));
113 | 		}
114 | 		return data.charCodeAt(0);
115 | 	}else{
116 | 		var result = (g_dp >= g_input.length)?0:g_input[g_dp].charCodeAt(0);
117 | 		g_dp++;
118 | 		return result;
119 | 	}
120 | }
121 | 
122 | function is_valid_op(op){
123 | 	if (op == '+') return 1;
124 | 	if (op == '-') return 1;
125 | 	if (op == '>') return 1;
126 | 	if (op == '<') return 1;
127 | 	if (op == '[') return 1;
128 | 	if (op == ']') return 1;
129 | 	if (op == '.') return 1;
130 | 	if (op == ',') return 1;
131 | 	if (op == '#') return 1;
132 | 	return 0;
133 | }
134 | 
135 | function put_output(c){
136 | 	g_output += c;
137 | }
138 | 
139 | function execute_opcode(op){
140 | 	switch(op){
141 | 		case '+':
142 | 			g_memory[g_mp]++;
143 | 			if (g_memory[g_mp] > g_max_val) g_memory[g_mp] = 0;
144 | 			break;
145 | 		case '-':
146 | 			g_memory[g_mp]--;
147 | 			if (g_memory[g_mp] < 0) g_memory[g_mp] = g_max_val;
148 | 			break;
149 | 		case '>':
150 | 			g_mp++;
151 | 			if (g_mp >= g_max_mem) g_mp = 0;
152 | 			break;
153 | 		case '<':
154 | 			g_mp--;
155 | 			if (g_mp < 0) g_mp = g_max_mem-1;
156 | 			break;
157 | 		case '[':
158 | 			if (g_memory[g_mp] == 0) g_ip = g_targets[g_ip];
159 | 			break;
160 | 		case ']':
161 | 			g_ip = g_targets[g_ip] - 1;
162 | 			break;
163 | 		case '.':
164 | 			put_output(String.fromCharCode(g_memory[g_mp]));
165 | 			break;
166 | 		case ',':
167 | 			g_memory[g_mp] = get_input();
168 | 			break;
169 | 	}
170 | }
171 | 
172 | function bf_interpret(prog, input){
173 | 
174 | 	if (g_running){
175 | 		bf_stop_run();
176 | 		return;
177 | 	}
178 | 	g_running = 1;
179 | 
180 | 	init_prog(prog);
181 | 	init_memory();
182 | 	init_io();
183 | 	init_input();
184 | 
185 | 	disable_text_box('edit_source');
186 | 	disable_text_box('edit_input');
187 | 	disable_text_box('edit_output');
188 | 	disable_text_box('edit_progs');
189 | 	disable_button('input_mode_1');
190 | 	disable_button('input_mode_2');
191 | 	disable_button('button_debug');
192 | 	change_button_caption('button_run', 'Stop');
193 | 
194 | 	bf_run_step();
195 | }
196 | 
197 | function bf_stop_run(){
198 | 	enable_text_box('edit_source');
199 | 	enable_text_box('edit_input');
200 | 	enable_text_box('edit_output');
201 | 	enable_text_box('edit_progs');
202 | 	enable_button('input_mode_1');
203 | 	enable_button('input_mode_2');
204 | 	enable_button('button_debug');
205 | 	change_button_caption('button_run', 'Run');
206 | 	sync_input();
207 | 
208 | 	g_running = 0;
209 | }
210 | 
211 | function bf_run_done(){
212 | 	bf_stop_run();
213 | 	document.getElementById('edit_output').value = g_output;
214 | }
215 | 
216 | function bf_run_step(){
217 | 	// execute instrcution under ip
218 | 	var op = g_program[g_ip];
219 | 
220 | 	execute_opcode(op);
221 | 
222 | 	// increment ip
223 | 	g_ip++;
224 | 
225 | 	if (g_ip >= g_program.length){
226 | 		bf_run_done();
227 | 		return;
228 | 	}
229 | 
230 | 	window.setTimeout('bf_run_step();', 0);
231 | }
232 | 
233 | function update_memview(){
234 | 	var mem_slots = Math.floor(g_viewer_width / 4);
235 | 	var pre_slots = Math.floor(mem_slots / 2);
236 | 	var low_slot = g_mp - pre_slots;
237 | 	if (low_slot < 0) low_slot += g_max_mem;
238 | 
239 | 	var line_1 = '';
240 | 	for(var i=0; i<mem_slots; i++){
241 | 		var slot = low_slot + i;
242 | 		if (slot >= g_max_mem) slot -= g_max_mem;
243 | 		var label = pad_num(g_memory[slot], 3);
244 | 		line_1 += label + ' ';
245 | 	}
246 | 
247 | 	var line_2 = '';
248 | 	for(var i=0; i<pre_slots; i++){
249 | 		line_2 += '    ';
250 | 	}
251 | 	line_2 += '^';
252 | 
253 | 	var line_3 = '';
254 | 	for(var i=0; i<pre_slots; i++){
255 | 		line_3 += '    ';
256 | 	}
257 | 	line_3 += 'mp='+g_mp;
258 | 
259 | 	var line_4 = '';
260 | 	for(var i=0; i<mem_slots; i++){
261 | 		var slot = low_slot + i;
262 | 		if (slot >= g_max_mem) slot -= g_max_mem;
263 | 		var label = pad_num(slot, 3);
264 | 		line_4 += label + ' ';
265 | 	}
266 | 
267 | 	set_viewdata('memview', line_1 + g_linebreaker + line_2 + g_linebreaker + line_3 + g_linebreaker + line_4);
268 | }
269 | 
270 | function pad_num(a, b){
271 | 	var c = new String(a);
272 | 	for(var i=c.length; i<b; i++) c = '0'+c;
273 | 	return c;
274 | }
275 | 
276 | function update_progview(){
277 | 	var pre_slots = Math.floor(g_viewer_width / 2);
278 | 	var low_slot = g_ip - pre_slots;
279 | 
280 | 	var line_1 = '';
281 | 	for(var i=0; i<g_viewer_width; i++){
282 | 		var slot = low_slot + i;
283 | 		if ((slot >= 0) && (slot < g_program.length)){
284 | 			line_1 += g_program[slot];
285 | 		}else{
286 | 			line_1 += '_';
287 | 		}
288 | 	}
289 | 
290 | 	var line_2 = '';
291 | 	for(var i=0; i<pre_slots; i++){
292 | 		line_2 += ' ';
293 | 	}
294 | 	line_2 += '^';
295 | 
296 | 	var line_3 = '';
297 | 	for(var i=0; i<pre_slots; i++){
298 | 		line_3 += ' ';
299 | 	}
300 | 	line_3 += 'ip='+g_ip;
301 | 
302 | 	set_viewdata('progview', line_1 + g_linebreaker + line_2 + g_linebreaker + line_3);
303 | }
304 | 
305 | function update_inputview(){
306 | 	if (g_prompt_for_input){
307 | 		set_viewdata('inputview', "-input prompt mode-");
308 | 	}else{
309 | 		var line_1 = g_input.join('');
310 | 		var line_2 = '';
311 | 		for (var i=0; i<g_dp; i++) line_2 += ' ';
312 | 		line_2 += '^';
313 | 		set_viewdata('inputview', line_1 + g_linebreaker + line_2);
314 | 	}
315 | }
316 | 
317 | function update_outputview(){
318 | 	var line_1 = g_output;
319 | 	var line_2 = '';
320 | 	for (var i=0; i<g_output.length; i++) line_2 += ' ';
321 | 	line_2 += '^';
322 | 	set_viewdata('outputview', line_1 + g_linebreaker + line_2);
323 | }
324 | 
325 | function set_viewdata(view, data){
326 | 	var new_node = document.createTextNode(data);
327 | 	var p_node = document.getElementById(view);
328 | 	p_node.replaceChild(new_node, p_node.childNodes[0]);
329 | }
330 | 
331 | function run(f){
332 | 	bf_interpret(f.source.value, f.input.value);
333 | }
334 | 
335 | function debug_done(){
336 | 	disable_button('button_step');
337 | 	disable_button('button_run_debug');	
338 | }
339 | 
340 | function debug_toggle(f){
341 | 	if (g_debugging == 1){
342 | 		g_debugging = 0;
343 | 		enable_text_box('edit_source');
344 | 		enable_text_box('edit_input');
345 | 		enable_text_box('edit_output');
346 | 		enable_text_box('edit_progs');
347 | 		enable_button('button_run');
348 | 		enable_button('input_mode_1');
349 | 		enable_button('input_mode_2');
350 | 		change_button_caption('button_debug', 'Start Debugger');
351 | 		disable_button('button_step');
352 | 		disable_button('button_run_debug');
353 | 		set_viewdata('progview', ' ');
354 | 		set_viewdata('memview', ' ');
355 | 		set_viewdata('inputview', ' ');
356 | 		set_viewdata('outputview', ' ');
357 | 		sync_input();
358 | 	}else{
359 | 		g_debugging = 1;
360 | 		disable_text_box('edit_source');
361 | 		disable_text_box('edit_input');
362 | 		disable_text_box('edit_output');
363 | 		disable_text_box('edit_progs');
364 | 		disable_button('button_run');
365 | 		disable_button('input_mode_1');
366 | 		disable_button('input_mode_2');
367 | 		change_button_caption('button_debug', 'Quit Debugger');
368 | 		enable_button('button_step');
369 | 		enable_button('button_run_debug');
370 | 		start_debugger();
371 | 	}
372 | }
373 | 
374 | function start_debugger(){
375 | 	init_memory();
376 | 	init_io();
377 | 	init_prog(document.getElementById('edit_source').value);
378 | 	init_input();
379 | 	update_memview();
380 | 	update_progview();
381 | 	update_inputview();
382 | 	update_outputview();
383 | }
384 | 
385 | function run_step(){
386 | 	var op = g_program[g_ip];
387 | 	execute_opcode(op);
388 | 	g_ip++;
389 | 	update_memview();
390 | 	update_progview();
391 | 	update_inputview();
392 | 	update_outputview();
393 | 	
394 | 	if (g_ip >= g_program.length){
395 | 		debug_done();
396 | 		//alert("done!");
397 | 	}
398 | }
399 | 
400 | function start_debug_run(){
401 | 	disable_button('button_debug');
402 | 	disable_button('button_step');
403 | 	change_button_caption('button_run_debug', 'Stop Running (c)');
404 | 	g_debugging_running = 1;
405 | }
406 | 
407 | function stop_debug_run(){
408 | 	enable_button('button_debug');
409 | 	enable_button('button_step');
410 | 	change_button_caption('button_run_debug', 'Run To Breakpoint (c)');
411 | 	g_debugging_running = 0;
412 | }
413 | 
414 | function run_debug(){
415 | 	if (g_debugging_running){
416 | 		g_quit_debug_run = 1;
417 | 	}else{
418 | 		start_debug_run();
419 | 		g_quit_debug_run = 0;
420 | 		run_debug_step();
421 | 	}
422 | }
423 | 
424 | function run_debug_step(){
425 | 	run_step();
426 | 	if ((g_program[g_ip] == '#') || g_quit_debug_run || (g_ip >= g_program.length)){
427 | 		stop_debug_run();
428 | 		if (g_ip >= g_program.length){
429 | 			debug_done();
430 | 		}
431 | 		return;
432 | 	}
433 | 	window.setTimeout('run_debug_step();', 0);
434 | }
435 | 
436 | function disable_text_box(name){
437 | 	var elm = document.getElementById(name);
438 | 	elm.disabled = true;
439 | 	elm.style.backgroundColor = '#cccccc';
440 | }
441 | 
442 | function enable_text_box(name){
443 | 	var elm = document.getElementById(name);
444 | 	elm.disabled = false;
445 | 	elm.style.backgroundColor = '';
446 | }
447 | 
448 | function disable_button(name){
449 | 	var elm = document.getElementById(name);
450 | 	elm.disabled = true;
451 | }
452 | 
453 | function enable_button(name){
454 | 	var elm = document.getElementById(name);
455 | 	elm.disabled = false;
456 | }
457 | 
458 | function change_button_caption(name, caption){
459 | 	var elm = document.getElementById(name);
460 | 	elm.value = caption;
461 | }
462 | 
463 | function sync_input(){
464 | 	if (document.getElementById('input_mode_1').checked){
465 | 		disable_text_box('edit_input');
466 | 	}else{
467 | 		enable_text_box('edit_input');
468 | 	}
469 | }
470 | 
471 | </script>
472 | <style>
473 | 
474 | body {
475 | 	margin: 0px;
476 | 	background-color: #eeeeee;
477 | 	color: #000000;
478 | 	font-family: Arial, Helvetica, Sans-serif;
479 | }
480 | 
481 | textarea.editsmall {
482 | 	width: 400px;
483 | 	height: 100px;
484 | }
485 | 
486 | textarea.edit {
487 | 	width: 400px;
488 | 	height: 200px;
489 | }
490 | 
491 | div.main {
492 | 	padding: 6px;
493 | 	border: 1px solid #000000;
494 | 	background-color: #dddddd;
495 | }
496 | 
497 | pre.viewer {
498 | 	width: 500px;
499 | 	padding: 6px;
500 | 	border: 1px solid #000000;
501 | 	background-color: #dddddd;
502 | 	margin: 0px;
503 | }
504 | 
505 | </style>
506 | </head>
507 | <body onload="init();">
508 | 
509 | <!-- NAV -->
510 | 
511 | <div id="page">
512 | 
513 | <form name="mainform">
514 | 
515 | <table cellspacing="20" cellpadding="0" border="0" align="center">
516 | 	<tr valign="top">
517 | 		<td colspan="2">
518 | 			<h1>Javascript Brainfuck Interpreter / Debugger</h1>
519 | 			<b>By <a href="http://www.iamcal.com/">Cal Henderson</a></b>
520 | 			|
521 | 			Source available on <a href="https://github.com/iamcal/brainfuck-debug">Github</a>
522 | 			<br>
523 | 			<hr>
524 | 		</td>
525 | 	</tr>
526 | 	<tr valign="top">
527 | 		<td>
528 | 			Program:<br>
529 | 			<select onchange="this.form.source.value=this.options[this.selectedIndex].value; this.selectedIndex=0;" id="edit_progs">
530 | 				<option value="">Example programs...</option>
531 | 				<option value="++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.">Hello World</option>
532 | 				<option value=",[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>>+++++[<----->-]<<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>>+++++[<----->-]<<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]>.[-]<,]">Rot 13 (slow!)</option>
533 | 				<option value="+++++++++++>+>>>>++++++++++++++++++++++++++++++++++++++++++++>++++++++++++++++++++++++++++++++<<<<<<[>[>>>>>>+>+<<<<<<<-]>>>>>>>[<<<<<<<+>>>>>>>-]<[>++++++++++[-<-[>>+>+<<<-]>>>[<<<+>>>-]+<[>[-]<[-]]>[<<[>>>+<<<-]>>[-]]<<]>>>[>>+>+<<<-]>>>[<<<+>>>-]+<[>[-]<[-]]>[<<+>>[-]]<<<<<<<]>>>>>[++++++++++++++++++++++++++++++++++++++++++++++++.[-]]++++++++++<[->-<]>++++++++++++++++++++++++++++++++++++++++++++++++.[-]<<<<<<<<<<<<[>>>+>+<<<<-]>>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+>-]>[<+>-]<<<-]">Fibonacci Numbers</option>
534 | 				<option value="++++++++++++++++++++#++++++++++++++++++++#++++++++++++++++++++#++++++++++++++++++++#++++++++++++++++++++#-.--.+++++++++++.">Breakpoints Demo</option>
535 | 			</select><br>
536 | 			<textarea id="edit_source" name="source" wrap="virtual" class="edit"></textarea><br>
537 | 			<br>
538 | 
539 | 			Input:<br>
540 | 			<input type="radio" id="input_mode_1" name="input_mode" value="1" onclick="sync_input();"> Prompt for input as needed<br>
541 | 			<input type="radio" id="input_mode_2" name="input_mode" value="2" onclick="sync_input();" checked> Pre-supply input:<br>
542 | 			<textarea id="edit_input" name="input" wrap="virtual" class="editsmall"></textarea><br>
543 | 			<br>
544 | 
545 | 			Output:<br>
546 | 			<textarea id="edit_output" name="output" wrap="virtual" class="editsmall"></textarea><br>
547 | 			<br>
548 | 		</td>
549 | 		<td>
550 | 			<br>
551 | 			<input type="button" value="Run" onclick="run(this.form);" id="button_run">
552 | 			<input type="button" value="Start Debugger" onclick="debug_toggle(this.form);" id="button_debug">
553 | 			<input type="button" value="Single Step (n)" onclick="run_step();" disabled id="button_step">
554 | 			<input type="button" value="Run To Breakpoint (c)" onclick="run_debug();" disabled id="button_run_debug">
555 | 			<br>
556 | 			<br>
557 | 
558 | 			Source Viewer:<br>
559 | 			<pre class="viewer" id="progview"> </pre>
560 | 			<br>
561 | 
562 | 			Memory Viewer:<br>
563 | 			<pre class="viewer" id="memview"> </pre>
564 | 			<br>
565 | 
566 | 			Input Viewer:<br>
567 | 			<pre class="viewer" id="inputview"> </pre>
568 | 			<br>
569 | 
570 | 			Output Viewer:<br>
571 | 			<pre class="viewer" id="outputview"> </pre>
572 | 			<br>
573 | 
574 | 			<b>Note:</b> The hash ("#") character marks a breakpoint.
575 | 		</td>
576 | 	</tr>
577 | 	<tr valign="top">
578 | 		<td colspan="2">
579 | 			Example programs taken from <a href="http://esoteric.sange.fi/brainfuck/">the Brainfuck Archive</a>
580 | 		</td>
581 | 	</tr>
582 | </table>
583 | 
584 | </form>
585 | 
586 | </div>
587 | 
588 | <!-- TRACK -->
589 | 
590 | </body>
591 | </html>
592 | 


--------------------------------------------------------------------------------
/new.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 | <title>Javascript Brainfuck Interpreter / Debugger</title>
  4 | <script language="Javascript" src="arrays.js"></script>
  5 | <script>
  6 | 
  7 | // interactive input mode:
  8 | // 
  9 | // a     ascii char
 10 | // #97   decimal char index
 11 | // !141  octal char index
 12 | // $61   hex char index
 13 | 
 14 | var g_debugging = 0;
 15 | var g_memory = Array();
 16 | var g_max_mem = 255;
 17 | var g_max_val = 255;
 18 | var g_ip = 0;
 19 | var g_mp = 0;
 20 | var g_dp = 0;
 21 | var g_program = new Array();
 22 | var g_targets = new Array();
 23 | var g_input = new Array();
 24 | var g_output = '';
 25 | var g_viewer_width = 63;
 26 | var g_quit_debug_run = 0;
 27 | var g_debugging_running = 0;
 28 | var g_prompt_for_input = 0;
 29 | var g_running = 0;
 30 | var g_linebreaker = "\n";
 31 | 
 32 | function init(){
 33 | 	if (navigator.userAgent.toLowerCase().indexOf("msie") != -1){
 34 | 		g_linebreaker = "\r";
 35 | 	}
 36 | 
 37 | 	document.getElementById('edit_source').value = "++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.";
 38 | 
 39 | 	debug_toggle(document.getElementById('mainform'));
 40 | }
 41 | 
 42 | function init_memory(){
 43 | 	for(var i=0; i<=g_max_mem; i++){
 44 | 		g_memory[i] = 0;
 45 | 	}
 46 | 	g_mp = 0;
 47 | }
 48 | 
 49 | function init_io(){
 50 | 	g_dp = 0;
 51 | 	g_output = '';
 52 | }
 53 | 
 54 | function init_prog(code){
 55 | 	g_program.length = 0;
 56 | 	for(var i=0; i<code.length; i++){
 57 | 		var op = code.charAt(i)
 58 | 		// check it's not a carriage return or anything that will
 59 | 		//  break the program viewer too badly :)
 60 | 		if (is_valid_op(op)){
 61 | 			g_program[g_program.length] = op;
 62 | 		}
 63 | 	}	
 64 | 	g_ip = 0;
 65 | 	init_targets();
 66 | }
 67 | 
 68 | function init_targets(){
 69 | 	g_targets.length = 0;
 70 | 	var temp_stack = new Array();
 71 | 	for(var i=0; i<g_program.length; i++){
 72 | 		var op = g_program[i];
 73 | 		if (op == '['){
 74 | 			temp_stack.push(i);
 75 | 		}
 76 | 		if (op == ']'){
 77 | 			if (temp_stack.length == 0) alert('Parseing error: ] with no matching [');
 78 | 			var target = temp_stack.pop();
 79 | 			g_targets[i] = target;
 80 | 			g_targets[target] = i;
 81 | 		}
 82 | 	}
 83 | 	if (temp_stack.length > 0) alert('Parseing error: [ with no matching ]');
 84 | }
 85 | 
 86 | function init_input(){
 87 | 	g_prompt_for_input = document.getElementById('input_mode_1').checked;
 88 | 	g_input.length = 0;
 89 | 	var in_data = document.getElementById('edit_input').value;
 90 | 	for(var i=0; i<in_data.length; i++){
 91 | 		g_input[g_input.length] = in_data.charAt(i);
 92 | 	}	
 93 | 	g_dp = 0;
 94 | }
 95 | 
 96 | function get_input(){
 97 | 	if (g_prompt_for_input){
 98 | 		var data = window.prompt("Enter an input character (use #xxx to specify a decimal code, !xxx for an octal code, or $xxx for a hex code):", "#0");
 99 | 		if ((data == null) || (!data)) return 0;
100 | 		if (data.charAt(0) == '#'){
101 | 			return parseInt(data.substr(1), 10);
102 | 		}
103 | 		if (data.charAt(0) == '!'){
104 | 			return eval('0'+data.substr(1));
105 | 		}
106 | 		if (data.charAt(0) == '$'){
107 | 			return eval('0x'+data.substr(1));
108 | 		}
109 | 		return data.charCodeAt(0);
110 | 	}else{
111 | 		var result = (g_dp >= g_input.length)?0:g_input[g_dp].charCodeAt(0);
112 | 		g_dp++;
113 | 		return result;
114 | 	}
115 | }
116 | 
117 | function is_valid_op(op){
118 | 	if (op == '+') return 1;
119 | 	if (op == '-') return 1;
120 | 	if (op == '>') return 1;
121 | 	if (op == '<') return 1;
122 | 	if (op == '[') return 1;
123 | 	if (op == ']') return 1;
124 | 	if (op == '.') return 1;
125 | 	if (op == ',') return 1;
126 | 	if (op == '#') return 1;
127 | 	return 0;
128 | }
129 | 
130 | function put_output(c){
131 | 	g_output += c;
132 | }
133 | 
134 | function execute_opcode(op){
135 | 	switch(op){
136 | 		case '+':
137 | 			g_memory[g_mp]++;
138 | 			if (g_memory[g_mp] > g_max_val) g_memory[g_mp] = 0;
139 | 			break;
140 | 		case '-':
141 | 			g_memory[g_mp]--;
142 | 			if (g_memory[g_mp] < 0) g_memory[g_mp] = g_max_val;
143 | 			break;
144 | 		case '>':
145 | 			g_mp++;
146 | 			if (g_mp > g_max_mem) g_mp = 0;
147 | 			break;
148 | 		case '<':
149 | 			g_mp--;
150 | 			if (g_mp < 0) g_mp = g_max_mem;
151 | 			break;
152 | 		case '[':
153 | 			if (g_memory[g_mp] == 0) g_ip = g_targets[g_ip];
154 | 			break;
155 | 		case ']':
156 | 			g_ip = g_targets[g_ip] - 1;
157 | 			break;
158 | 		case '.':
159 | 			put_output(String.fromCharCode(g_memory[g_mp]));
160 | 			break;
161 | 		case ',':
162 | 			g_memory[g_mp] = get_input();
163 | 			break;
164 | 	}
165 | }
166 | 
167 | function bf_interpret(prog, input){
168 | 
169 | 	if (g_running){
170 | 		bf_stop_run();
171 | 		return;
172 | 	}
173 | 	g_running = 1;
174 | 
175 | 	init_prog(prog);
176 | 	init_memory();
177 | 	init_io();
178 | 	init_input();
179 | 
180 | 	disable_text_box('edit_source');
181 | 	disable_text_box('edit_input');
182 | 	disable_text_box('edit_output');
183 | 	disable_text_box('edit_progs');
184 | 	disable_button('input_mode_1');
185 | 	disable_button('input_mode_2');
186 | 	disable_button('button_debug');
187 | 	change_button_caption('button_run', 'Stop');
188 | 
189 | 	bf_run_step();
190 | }
191 | 
192 | function bf_stop_run(){
193 | 	enable_text_box('edit_source');
194 | 	enable_text_box('edit_input');
195 | 	enable_text_box('edit_output');
196 | 	enable_text_box('edit_progs');
197 | 	enable_button('input_mode_1');
198 | 	enable_button('input_mode_2');
199 | 	enable_button('button_debug');
200 | 	change_button_caption('button_run', 'Run');
201 | 	sync_input();
202 | 
203 | 	g_running = 0;
204 | }
205 | 
206 | function bf_run_done(){
207 | 	bf_stop_run();
208 | 	document.getElementById('edit_output').value = g_output;
209 | }
210 | 
211 | function bf_run_step(){
212 | 	// execute instrcution under ip
213 | 	var op = g_program[g_ip];
214 | 
215 | 	execute_opcode(op);
216 | 
217 | 	// increment ip
218 | 	g_ip++;
219 | 
220 | 	if (g_ip >= g_program.length){
221 | 		bf_run_done();
222 | 		return;
223 | 	}
224 | 
225 | 	window.setTimeout('bf_run_step();', 0);
226 | }
227 | 
228 | function update_memview(){
229 | 
230 | 	var lines = [];
231 | 
232 | 	for (var y=0; y<16; y++){
233 | 
234 | 		var cells = [];
235 | 
236 | 		for (var x=0; x<16; x++){
237 | 
238 | 			var idx = x + (y * 16);
239 | 			var label = pad_num(g_memory[idx], 3);
240 | 
241 | 			if (idx == g_mp){
242 | 				cells.push('<span style="background-color: lightgreen">'+label+'</span>');
243 | 			}else{
244 | 				cells.push(label);
245 | 			}
246 | 		}
247 | 
248 | 		lines.push(cells.join(' '));
249 | 	}
250 | 
251 | 	var html = lines.join(g_linebreaker);
252 | 
253 | 	var p_node = document.getElementById('memview');
254 | 	p_node.innerHTML = html;
255 | 	return;
256 | 
257 | 	var mem_slots = Math.floor(g_viewer_width / 4);
258 | 	var pre_slots = Math.floor(mem_slots / 2);
259 | 	var low_slot = g_mp - pre_slots;
260 | 	if (low_slot < 0) low_slot += g_max_mem;
261 | 
262 | 	var line_1 = '';
263 | 	for(var i=0; i<mem_slots; i++){
264 | 		var slot = low_slot + i;
265 | 		if (slot >= g_max_mem) slot -= g_max_mem;
266 | 		var label = pad_num(g_memory[slot], 3);
267 | 		if (i==0){
268 | 			line_1 += '<u>'+label+'</u> ';
269 | 		}else{
270 | 			line_1 += label + ' ';
271 | 		}
272 | 	}
273 | 
274 | 	var line_2 = '';
275 | 	for(var i=0; i<pre_slots; i++){
276 | 		line_2 += '    ';
277 | 	}
278 | 	line_2 += '^';
279 | 
280 | 	var line_3 = '';
281 | 	for(var i=0; i<pre_slots; i++){
282 | 		line_3 += '    ';
283 | 	}
284 | 	line_3 += 'mp='+g_mp;
285 | 
286 | 	var line_4 = '';
287 | 	for(var i=0; i<mem_slots; i++){
288 | 		var slot = low_slot + i;
289 | 		if (slot >= g_max_mem) slot -= g_max_mem;
290 | 		var label = pad_num(slot, 3);
291 | 		line_4 += label + ' ';
292 | 	}
293 | 
294 | 	//set_viewdata('memview', line_1 + g_linebreaker + line_2 + g_linebreaker + line_3 + g_linebreaker + line_4);
295 | 
296 | 	var p_node = document.getElementById('memview');
297 | 	p_node.innerHTML = line_1 + g_linebreaker + line_2 + g_linebreaker + line_3 + g_linebreaker + line_4;
298 | }
299 | 
300 | function pad_num(a, b){
301 | 	var c = new String(a);
302 | 	for(var i=c.length; i<b; i++) c = '0'+c;
303 | 	return c;
304 | }
305 | 
306 | function update_progview(){
307 | 	var pre_slots = Math.floor(g_viewer_width / 2);
308 | 	var low_slot = g_ip - pre_slots;
309 | 
310 | 	var line_1 = '';
311 | 	for(var i=0; i<g_viewer_width; i++){
312 | 		var slot = low_slot + i;
313 | 		if ((slot >= 0) && (slot < g_program.length)){
314 | 			line_1 += g_program[slot];
315 | 		}else{
316 | 			line_1 += '_';
317 | 		}
318 | 	}
319 | 
320 | 	var line_2 = '';
321 | 	for(var i=0; i<pre_slots; i++){
322 | 		line_2 += ' ';
323 | 	}
324 | 	line_2 += '^';
325 | 
326 | 	var line_3 = '';
327 | 	for(var i=0; i<pre_slots; i++){
328 | 		line_3 += ' ';
329 | 	}
330 | 	line_3 += 'ip='+g_ip;
331 | 
332 | 	set_viewdata('progview', line_1 + g_linebreaker + line_2 + g_linebreaker + line_3);
333 | }
334 | 
335 | function update_inputview(){
336 | 	if (g_prompt_for_input){
337 | 		set_viewdata('inputview', "-input prompt mode-");
338 | 	}else{
339 | 		var line_1 = g_input.join('');
340 | 		var line_2 = '';
341 | 		for (var i=0; i<g_dp; i++) line_2 += ' ';
342 | 		line_2 += '^';
343 | 		set_viewdata('inputview', line_1 + g_linebreaker + line_2);
344 | 	}
345 | }
346 | 
347 | function update_outputview(){
348 | 	var line_1 = g_output;
349 | 	var line_2 = '';
350 | 	for (var i=0; i<g_output.length; i++) line_2 += ' ';
351 | 	line_2 += '^';
352 | 	set_viewdata('outputview', line_1 + g_linebreaker + line_2);
353 | }
354 | 
355 | function set_viewdata(view, data){
356 | 	var new_node = document.createTextNode(data);
357 | 	var p_node = document.getElementById(view);
358 | 	p_node.replaceChild(new_node, p_node.childNodes[0]);
359 | }
360 | 
361 | function run(f){
362 | 	bf_interpret(f.source.value, f.input.value);
363 | }
364 | 
365 | function debug_done(){
366 | 	disable_button('button_step');
367 | 	disable_button('button_run_debug');	
368 | }
369 | 
370 | function debug_toggle(f){
371 | 	if (g_debugging == 1){
372 | 		g_debugging = 0;
373 | 		enable_text_box('edit_source');
374 | 		enable_text_box('edit_input');
375 | 		enable_text_box('edit_output');
376 | 		enable_text_box('edit_progs');
377 | 		enable_button('button_run');
378 | 		enable_button('input_mode_1');
379 | 		enable_button('input_mode_2');
380 | 		change_button_caption('button_debug', 'Start Debugger');
381 | 		disable_button('button_step');
382 | 		disable_button('button_run_debug');
383 | 		set_viewdata('progview', ' ');
384 | 		set_viewdata('memview', ' ');
385 | 		set_viewdata('inputview', ' ');
386 | 		set_viewdata('outputview', ' ');
387 | 		sync_input();
388 | 	}else{
389 | 		g_debugging = 1;
390 | 		disable_text_box('edit_source');
391 | 		disable_text_box('edit_input');
392 | 		disable_text_box('edit_output');
393 | 		disable_text_box('edit_progs');
394 | 		disable_button('button_run');
395 | 		disable_button('input_mode_1');
396 | 		disable_button('input_mode_2');
397 | 		change_button_caption('button_debug', 'Quit Debugger');
398 | 		enable_button('button_step');
399 | 		enable_button('button_run_debug');
400 | 		start_debugger();
401 | 	}
402 | }
403 | 
404 | function start_debugger(){
405 | 	init_memory();
406 | 	init_io();
407 | 	init_prog(document.getElementById('edit_source').value);
408 | 	init_input();
409 | 	update_memview();
410 | 	update_progview();
411 | 	update_inputview();
412 | 	update_outputview();
413 | }
414 | 
415 | function run_step(){
416 | 	var op = g_program[g_ip];
417 | 	execute_opcode(op);
418 | 	g_ip++;
419 | 	update_memview();
420 | 	update_progview();
421 | 	update_inputview();
422 | 	update_outputview();
423 | 	
424 | 	if (g_ip >= g_program.length){
425 | 		debug_done();
426 | 		//alert("done!");
427 | 	}
428 | }
429 | 
430 | function start_debug_run(){
431 | 	disable_button('button_debug');
432 | 	disable_button('button_step');
433 | 	change_button_caption('button_run_debug', 'Stop Running');
434 | 	g_debugging_running = 1;
435 | }
436 | 
437 | function stop_debug_run(){
438 | 	enable_button('button_debug');
439 | 	enable_button('button_step');
440 | 	change_button_caption('button_run_debug', 'Run To Breakpoint');
441 | 	g_debugging_running = 0;
442 | }
443 | 
444 | function run_debug(){
445 | 	if (g_debugging_running){
446 | 		g_quit_debug_run = 1;
447 | 	}else{
448 | 		start_debug_run();
449 | 		g_quit_debug_run = 0;
450 | 		run_debug_step();
451 | 	}
452 | }
453 | 
454 | function run_debug_step(){
455 | 	run_step();
456 | 	if ((g_program[g_ip] == '#') || g_quit_debug_run || (g_ip >= g_program.length)){
457 | 		stop_debug_run();
458 | 		if (g_ip >= g_program.length){
459 | 			debug_done();
460 | 		}
461 | 		return;
462 | 	}
463 | 	window.setTimeout('run_debug_step();', 0);
464 | }
465 | 
466 | function disable_text_box(name){
467 | 	var elm = document.getElementById(name);
468 | 	elm.disabled = true;
469 | 	elm.style.backgroundColor = '#cccccc';
470 | }
471 | 
472 | function enable_text_box(name){
473 | 	var elm = document.getElementById(name);
474 | 	elm.disabled = false;
475 | 	elm.style.backgroundColor = '';
476 | }
477 | 
478 | function disable_button(name){
479 | 	var elm = document.getElementById(name);
480 | 	elm.disabled = true;
481 | }
482 | 
483 | function enable_button(name){
484 | 	var elm = document.getElementById(name);
485 | 	elm.disabled = false;
486 | }
487 | 
488 | function change_button_caption(name, caption){
489 | 	var elm = document.getElementById(name);
490 | 	elm.value = caption;
491 | }
492 | 
493 | function sync_input(){
494 | 	if (document.getElementById('input_mode_1').checked){
495 | 		disable_text_box('edit_input');
496 | 	}else{
497 | 		enable_text_box('edit_input');
498 | 	}
499 | }
500 | 
501 | </script>
502 | <style>
503 | 
504 | body {
505 | 	margin: 0px;
506 | 	background-color: #eeeeee;
507 | 	color: #000000;
508 | 	font-family: Arial, Helvetica, Sans-serif;
509 | }
510 | 
511 | textarea.editsmall {
512 | 	width: 400px;
513 | 	height: 100px;
514 | }
515 | 
516 | textarea.edit {
517 | 	width: 400px;
518 | 	height: 200px;
519 | }
520 | 
521 | div.main {
522 | 	padding: 6px;
523 | 	border: 1px solid #000000;
524 | 	background-color: #dddddd;
525 | }
526 | 
527 | pre.viewer {
528 | 	width: 510px;
529 | 	padding: 6px;
530 | 	border: 1px solid #000000;
531 | 	background-color: #dddddd;
532 | 	margin: 0px;
533 | }
534 | 
535 | p.viewer {
536 | 	width: 510px;
537 | 	padding: 6px;
538 | 	border: 1px solid #000000;
539 | 	background-color: #dddddd;
540 | 	margin: 0px;
541 | 	font-family: monospace;
542 | 	white-space: pre;
543 | }
544 | 
545 | 
546 | </style>
547 | </head>
548 | <body onload="init();">
549 | 
550 | <!-- NAV -->
551 | 
552 | <div id="page">
553 | 
554 | <form name="mainform" id="mainform">
555 | 
556 | <table cellspacing="20" cellpadding="0" border="0" align="center">
557 | 	<tr valign="top">
558 | 		<td colspan="2">
559 | 			<h1>Javascript Brainfuck Interpreter / Debugger</h1>
560 | 			<b>By <a href="http://www.iamcal.com/">Cal Henderson</a></b><br>
561 | 			<hr>
562 | 		</td>
563 | 	</tr>
564 | 	<tr valign="top">
565 | 		<td>
566 | 			Program:<br>
567 | 			<select onchange="this.form.source.value=this.options[this.selectedIndex].value; this.selectedIndex=0;" id="edit_progs">
568 | 				<option value="">Example programs...</option>
569 | 				<option value="++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.">Hello World</option>
570 | 				<option value=",[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>>+++++[<----->-]<<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>>+++++[<----->-]<<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>+<-[>++++++++++++++<-[>+<-]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]>.[-]<,]">Rot 13 (slow!)</option>
571 | 				<option value="+++++++++++>+>>>>++++++++++++++++++++++++++++++++++++++++++++>++++++++++++++++++++++++++++++++<<<<<<[>[>>>>>>+>+<<<<<<<-]>>>>>>>[<<<<<<<+>>>>>>>-]<[>++++++++++[-<-[>>+>+<<<-]>>>[<<<+>>>-]+<[>[-]<[-]]>[<<[>>>+<<<-]>>[-]]<<]>>>[>>+>+<<<-]>>>[<<<+>>>-]+<[>[-]<[-]]>[<<+>>[-]]<<<<<<<]>>>>>[++++++++++++++++++++++++++++++++++++++++++++++++.[-]]++++++++++<[->-<]>++++++++++++++++++++++++++++++++++++++++++++++++.[-]<<<<<<<<<<<<[>>>+>+<<<<-]>>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+>-]>[<+>-]<<<-]">Fibonacci Numbers</option>
572 | 				<option value="++++++++++++++++++++#++++++++++++++++++++#++++++++++++++++++++#++++++++++++++++++++#++++++++++++++++++++#-.--.+++++++++++.">Breakpoints Demo</option>
573 | 			</select><br>
574 | 			<textarea id="edit_source" name="source" wrap="virtual" class="edit"></textarea><br>
575 | 			<br>
576 | 
577 | 			Input:<br>
578 | 			<input type="radio" id="input_mode_1" name="input_mode" value="1" onclick="sync_input();"> Prompt for input as needed<br>
579 | 			<input type="radio" id="input_mode_2" name="input_mode" value="2" onclick="sync_input();" checked> Pre-supply input:<br>
580 | 			<textarea id="edit_input" name="input" wrap="virtual" class="editsmall"></textarea><br>
581 | 			<br>
582 | 
583 | 			Output:<br>
584 | 			<textarea id="edit_output" name="output" wrap="virtual" class="editsmall"></textarea><br>
585 | 			<br>
586 | 		</td>
587 | 		<td>
588 | 			<br>
589 | 			<input type="button" value="Run" onclick="run(this.form);" id="button_run">
590 | 			<input type="button" value="Start Debugger" onclick="debug_toggle(this.form);" id="button_debug">
591 | 			<input type="button" value="Single Step" onclick="run_step();" disabled id="button_step">
592 | 			<input type="button" value="Run To Breakpoint" onclick="run_debug();" disabled id="button_run_debug">
593 | 			<br>
594 | 			<br>
595 | 
596 | 			Source Viewer:<br>
597 | 			<pre class="viewer" id="progview"> </pre>
598 | 			<br>
599 | 
600 | 			Memory Viewer:<br>
601 | 			<p class="viewer" id="memview"> </p>
602 | 			<br>
603 | 
604 | 			Input Viewer:<br>
605 | 			<pre class="viewer" id="inputview"> </pre>
606 | 			<br>
607 | 
608 | 			Output Viewer:<br>
609 | 			<pre class="viewer" id="outputview"> </pre>
610 | 			<br>
611 | 
612 | 			<b>Note:</b> The hash ("#") character marks a breakpoint.
613 | 		</td>
614 | 	</tr>
615 | 	<tr valign="top">
616 | 		<td colspan="2">
617 | 			Example programs taken from <a href="http://esoteric.sange.fi/brainfuck/">the Brainfuck Archive</a>
618 | 		</td>
619 | 	</tr>
620 | </table>
621 | 
622 | </form>
623 | 
624 | </div>
625 | 
626 | <!-- TRACK -->
627 | 
628 | </body>
629 | </html>
630 | 


--------------------------------------------------------------------------------