<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"/> <div class="col-md-6"> <table class="table table-bordered"> <thead class="alert-info"> <tr> </tr> </thead> </table> </div> </div> </body> </html>
function generateContent(){ var member = [ {firstname: "John", lastname: "Smith", address: "New York"}, {firstname: "Claire", lastname: "Temple", address: "Racoon City"}, {firstname: "Tony", lastname: "Stank", address: "Japan"}, {firstname: "Izuku", lastname: "Midoriya", address: "Academia"}, {firstname: "Tom", lastname: "Jerry", address: "Paris"} ]; var html = ""; var array=randomContent(member); for (var i = 0; i <array.length; i++) { if(i<3){ html+="<tr>"; html+="<td>"+array[i].firstname+"</td>"; html+="<td>"+array[i].lastname+"</td>"; html+="<td>"+array[i].address+"</td>"; html+="</tr>"; } } document.getElementById("result").innerHTML = html; } function randomContent(array) { var temp = []; var len=array.length; while(len){ temp.push(array.splice(Math.floor(Math.random()*array.length),1)[0]); len--; } return temp; }