Добрый день! Помогите пожалуйста сделать массив скрипт в цикле вместе с дизайном.
Код дизайна
<html>
<head>
<title>Таблица</title>
<style>
body{
background-color:#0e0e0e;
}
.table {
width:50%;
height:30%;
margin:0 2%;
border-collapse: collapse;
border: 2px solid transparent;
}
.table tr th {
text-align:left;
color: #4d4d4d;
}
.table .tb_th {
background: #1a1a1a;
}
.table tr td {
color: #444444;
}
.table tr {
background: #1d1d1d;
border-top: 2px solid #232323;
border-bottom: 2px solid #232323;
}
.table tr .tb-td {
color: #b5b5b5;
}
.table tr .dorogoi {
color: #cd3e4a;
}
.table tr .deshovii {
color: #84b547;
}
h2 {
color: white;
text-align: left;
}
</style>
<script>
</script>
</head>
<body>
<center><h2 style="margin-left: 30%;">Машины в нашем гараже</h2></center>
<br>
<table class="table">
<tr class="tb_th">
<th>Марка</th>
<th>Модель</th>
<th>Цвет</th>
<th>Год выпуска</th>
<th>Цена</th>
</tr>
<tr class="tb_th">
<td class="tb-td">Hyundai</td>
<td>Tucson</td>
<td>White</td>
<td>1999</td>
<td class="dorogoi">5000 ▲</td>
</tr>
<tr>
<td class="tb-td">Toyota</td>
<td>Toyota Land Cruiser 100</td>
<td>Yellow</td>
<td>1995</td><td class="deshovii">3000 ▼</td>
</tr>
<tr class="tb_th">
<td class="tb-td">Lexus</td>
<td>GS 300</td>
<td>Black</td>
<td>1991</td>
<td class="deshovii">2000 ▼</td>
</tr>
</table>
</body>
</html>