gistfile1.js

// Set up base class DIV
function Div(name){
	this.name = name;
	this.element = null;
}

Div.prototype.draw = function(){
	// $("p").append("<div>Div</div>");
	console.log('draw works');
	this.element = $("<div>Div</div>");
	// console.log(this.element);
	$("p").append(this.element);
	$(this.element).click(this.click);
}


// Set up DIV subclass BLUE
function BlueDiv(color){ // function creates class definition
	this.color = '#0000FF'
}

BlueDiv.prototype = new Div();


// Set up DIV subclass RED
function RedDiv(color){ // function creates class definition
	this.color = '#FF0000'
}

RedDiv.prototype = new Div();

// Click handler
BlueDiv.prototype.click = function(){
	console.log(this.color);
	$(this.element).css("color", this.color);
	console.log('blue click');
};

RedDiv.prototype.click = function(){
	console.log(this.color);
	$(this.element).css("color", this.color);
	console.log('red click');
};


// ----------------------------------------------------
// Draw classes
$(document).ready(function(){
	var color = new BlueDiv();
	color.draw();

	var color = new RedDiv();
	color.draw();
});