get_form_str_length.js

/**
 * [namespace]
 */
var App = App || {};

/**
 * [Model]
 */
App.Model = function(text){
	this.text = text;
	this.initView();
}

App.Model.prototype = {

	initView: function(){
		new App.ViewResult(this.setData());
	},

	setData: function(){
		var obj = {};
		obj['strlength'] = this.getStrLength();
		return obj;
	},

	getStrLength: function(){
		return this.text.length;
	}
}

/**
 * [ViewForm]
 */
App.ViewForm = function(){
	this.arg = arguments[0];
	this.form = document.getElementById(this.arg['formID']);
	this.textArea = document.getElementById(this.arg['textAreaID']);
	this.init();
}

App.ViewForm.prototype = {

	init: function(){
		var that = this;
		that.form.addEventListener('submit', function(e){
			e.preventDefault();
			new App.Model(that.getText());
		});
	},

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

/**
 * [ViewResult]
 */
App.ViewResult = function(result){
	this.result = result;
	this.textCount = document.getElementById('textCount');
	this.lenderTextLength();
}

App.ViewResult.prototype = {
	lenderTextLength: function(){
		this.textCount.innerHTML = '';
		for(var key in this.result){
			this.textCount.innerHTML += '<li>' + this.result[key] + '</li>';
		}
	}
}

window.onload = function(){
	new App.ViewForm({
		formID: 'form',
		textAreaID: 'textArea'
	});
}