Random Array of Objects Javascript

by Adi Jaya

HTML

<button onclick="getRandom();">Random</button>

<div id="demo"></div>

JavaScript

var mydata = [{
    "name": "Adi",
    "age": 30,
    "gender": "Man"
}, {
    "name": "Budi",
    "age": 18,
    "gender": "Man"
}, {
    "name": "Novy",
    "age": 25,
    "gender": "Women"
}, {
    "name": "Nova",
    "age": 27,
    "gender": "Women"
}];

function randomData($arr) {
    if($arr === undefined) {
        return;
    }
    var randomArr = $arr[Math.floor(Math.random() * $arr.length)];
    var html = "<ul>";
    html += "<li>Name : " + randomArr.name + "</li>";
    html += "<li>Age : " + randomArr.age + "</li>";
    html += "<li>Gender : " + randomArr.gender + "</li>";
    html += "</ul>";
    return html;
}

//test
function getRandom() {
    var el = document.getElementById("demo");
    el.innerHTML = randomData(mydata);
}