勉強を始める前の環境作り

javascript


bread.htmlという名前で以下の内容のファイルを作る

<script>
function p(s){
  document.getElementById('stdout').innerHTML += s + '<br>';
}
</script>
<dl>
<dt>プログラム:</dt>
<dd><textarea id="src" cols="80" rows="25"></textarea></dd>
<dd><input type="submit" value="実行" onclick="
  document.getElementById('stdout').innerHTML = '';
  document.getElementById('stderr').innerHTML = '';
  try {
    eval(document.getElementById('src').value);
  }catch(e){
    document.getElementById('stderr').innerHTML = e;
  }
"></dd>
<dt>出力:</dt>
<dd><div id="stdout"></div></dd>
<dt>エラー:</dt>
<dd><div id="stderr"></div></dd>
</dl>

このファイルをダブルクリックしてブラウザで開く。

あとはプログラム書いて実行ボタンを押して確認するだけ。

ネタ元