has the following data:
{
"data": [
{
"title": "1",
"link": "",
"date": "2018-6-26",
"views": 153,
"info": ""
},
{
"title": "2",
"link": "",
"date": "2018-6-25",
"views": 460,
"info": ""
},
{
"title": "3",
"link": "",
"date": "2018-6-24",
"views": 392,
"info": ""
},
{
"title": "4",
"link": "",
"date": "2018-6-23,
"views": 318,
"info": ""
},
{
"title": "5",
"link": "",
"date": "2018-6-22",
"views": 241,
"info": ""
},
{
"title": "6",
"link": "",
"date": "2018-6-21",
"views": 283,
"info": ""
},
{
"title": "7",
"link": "",
"date": "2018-6-20",
"views": 216,
"info": ""
}
]
}
the structure of html is as follows
<ul>
<li>
<div>1</div>
<div>2</div>
</li>
<li>
<div>3</div>
<div>4</div>
</li>
<li>
<div>5</div>
<div>6</div>
</li>
<li>
<div>7</div>
<div>8</div>
</li>
</ul>
how can js use the data loop above to generate such an ordered html structure?