error.js

function TextCount(){
	this.textArea = document.getElementById('textArea');
	this.textCount = document.getElementById('textCount');
	this.init();
}

TextCount.prototype = {

	init: function(){
		var that = this;
		that.textArea.addEventListener('keydown', that.renderTextCount)
	},

	getText: function(){
		return this.textArea.value;
	},

	getTextLength: function(){
		return this.getText().length;
	},

	renderTextCount: function(){
		var that = this;
		that.textCount.innerHTML = that.getTextLength();
	};

}

/*
問題点
イベントリスナーのコールバック関数として使用するとlenderTextCout内で変数に格納したthisまで書き換えられてしまう。
※jQueryの.onを使用するとこの現象は起こらない。
*/

modified.js

function TextCount(){
	this.textArea = document.getElementById('textArea');
	this.textCount = document.getElementById('textCount');
	this.init();
}

TextCount.prototype = {

	init: function(){
		var that = this;
		that.textArea.addEventListener('keydown', function(){
			that.renderTextLength();
		});
	},

	getText: function(){
		return this.textArea.value;
	},

	getTextLength: function(){
		return this.getText().length;
	},

	renderTextLength: function(){
		this.textCount.innerHTML = this.getTextLength();
	}

}

なるほど、イベントリスナーに直接関数を書くと動くとこまではできたけど、なんとか関数を切り分けたかったので、これなら動きますね。助かりました。 ⇒　modified.js