Tag Archives: JS.nanoBench

JavaScriptをブラウザだけで作成&テスト出来る環境を作った(JS.nanobench)

2012年2月10日 (カテゴリ: JavaScript:)

JavaScriptの動作確認をしているのですが、「エディタで編集 ⇔ ブラウザで確認」の行ったりきたりが面倒なので、ブラウザだけで確認できるようにしました。 作ったもの これです↓ JS.nanoBench プログラム: console.log( 2 * 3.14 ); 出力結果: エラー: 仕組み 仕組みは、textAreaの中身をevalして出力してるだけです。 …だと説明にならないので、html,js,cssのソース見ながら解説して行きます。 html まずは、htmlの構造です。 特に何の変哲も無いhtmlです。 各パーツにidを振ってあるのと、ボタンのonclickだけ…


続きを読む