JSFiddle - React, Tailwind, and code Playground

by marcoslin

HTML

<div id="output"></div>

JavaScript

var Person = function (_id,_nm) {
	var id, name;    
	
	this.id = _id;
	this.name = _nm;
    
	return {               
		setName: function (nm) {
			name = nm;
		},
		getName: function () {
			return name;
		},
		getId: function () {
			return id;
		},
		print: function () {
			$("#output").append("<p>Id: "+id+"; Name: "+name  + "<p/>");
		}
	};
};

var person = new Person(123, "Mahesh");
person.print();

$("#output").append("<p> person.name: " + person.name + "<p/>");
$("#output").append("<p> person.getName(): " + person.name + "<p/>");

var NewPerson = function (_id,_nm) {
    var self = this;
	this.id = _id;
	this.name = _nm;  

    this.print = function () {
        $("#output").append("<p>New Person Id: "+this.id+"; Name: "+ this.name  + "<p/>");
    };
    
	return this;
};

var nperson = new NewPerson(456, "Marcos");
this.name = "Hello";
nperson.print();

var nperson1 = NewPerson(456, "Marcos");
this.name = "Hello";
nperson1.print();