Javascript-форум - Javascript таблица с css дизайном

Добрый день! Помогите пожалуйста сделать массив скрипт в цикле вместе с дизайном.
Код дизайна

<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 &#9650</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 &#9660</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 &#9660</td>
   </tr>
  </table>
 </body>
</html>