Source

ocaml-toys / brainfuck / bfdemo.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Brainfuck optimisation demo</title>
<style type="text/css">
td { 
vertical-align: top;
}

textarea, input, pre#output {
width: 400px;
}

textarea {
height: 220px;
}

pre {
background-color: #eee;
}

pre#ast, pre#optim {
width: 200px;
}

</style>
</head>
<body>
<h3>Optimisation brainfuck</h3>
<table>
<tr>
<td>Source du programme :</td>
<td><textarea id="source">
++++++++++[&gt;+++++++&gt;++++++++++&gt;+++&gt;+&lt;&lt;&lt;&lt;-]&gt;++.&gt;+.+++++++..+++.&gt;++.&lt;&lt;+++++++++++++++.&gt;.+++.------.--------.&gt;+.&gt;.
</textarea></td>
</tr>
<tr>
<td>Flux en entrée :</td>
<td><input id="io_input"></input></td>
</tr>
<tr>
<td>Exécution :</td>
<td><button id="run">Hop !</button></td>
</tr>
<tr>
<td>Flux de sortie :</td>
<td><pre id="output"></pre></td>
</tr>
<tr>
<td>Arbre d'exécution :</td>
<td>
  <table class="ast">
    <tr><td>Sans optimisations</td><td>Avec optimisations</td></tr>
    <tr><td><pre id="ast"></pre></td><td><pre id="optim"></pre></td></tr>
  </table>
</td>
</tr>
</table>

<script type="text/javascript" src="bfjs.min.js"></script>
</body>
</html>