JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<button>Click here for random person</button>
<input type="text">

JavaScript

// javascript program without bind
/* here this is not refer to user object. it binds to button
   HTML element since that is the object that the clickHandler
   method is executed on
*/

var user = {
    Data: [
        {name:"deepak",age:"22"},
        {name:"chetan",age:"26"}
    ],
    clickHandler:function(event) {
        var randomNumber = ((Math.random () * 2 | 0) + 1) - 1;
        $("input").val(this.Data[randomNumber].name + " "
        this.Data[randomNumber].age)
    }
}

$("button").click(user.clickHandler);