<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">

  </head>

  <body>
    <div id="list_emp">
      
    </div>
    
        <script src="script.js"></script>
  </body>

</html>
// Code goes here

	var employees = [
		{ name: "Santosh", age:25, emp_id:23 },
		{ name: "jyoti", age:93, emp_id:97 },
		{ name: "abhishe", age:99, emp_id:96 },
		{ name: "Amir", age:77, emp_id:16 }
	];
var newemp = employees;
	var i, text;



	text = "<ol id='newid'>";
	for(i=0; i<newemp.length; i++) {
		var newage = newemp[i].age.toString().split("").reverse().join("");	
		text+= "<li>"+newemp[i].name+"-"+newemp[i].emp_id + "-" + newage + "</li>";
	}
	text += "</ol>";
	document.getElementById("list_emp").innerHTML = text;

function update_array_with_time(){

	employees.push(employees[3])


	text = "<ol id='newid'>";
	for(i=0; i<newemp.length; i++) {
		var newage = newemp[i].age.toString().split("").reverse().join("");	
		text+= "<li>"+newemp[i].name+"-"+newemp[i].emp_id + "-" + newage + "</li>";
	}
	text += "</ol>";
	document.getElementById("list_emp").innerHTML = text;

	var len = employees.length;
	console.log(len);
	if(len === 5) {
		employees[4] = employees[0];
	} else if(len===8) {
		window.clearInterval(setIntv);
	}



}
var setIntv = setInterval(update_array_with_time, 1000);
/* Styles go here */