JavaScriptでデバッグ。ちょっとだけ格好良く

id:higepon:20050602:1117724735で、書いたデバッグ方法をオブジェクト指向っぽく。

var debug = new Debug('debug', true);

function Debug(target, debug) {
    this.target = target;
    this.out = function(str) {
        if (!debug) return;
        var place = document.getElementById(this.target);
        if (!place) return;
        place.value += str + "\n";
    }
    this.clear = function() {
        if (!debug) return;
        this.value = '';
    }
}

<textarea cols=70 rows=30 id="debug"></textarea>

debug.out('hoge');でテキストエリアに出力します。
ちなみにこれは、実際の開発で使っていて重宝しております。

ただこれは<textarea>を用意しなければいけないのが嫌なので（後で消さなければならない）、debug==trueのときだけ、divをcreateElementして、 そのdivを出力先としたらもっとかっこいいと思う。
どうせなら見た目もコンソールっぽく。
もう大体実装は想像ついているのですが、面倒なので誰か作ってください（ｗ

追記：placeもプロパティにすればよいことに気づいた。明日手元のコードを直しておこう。