実践課題E

JavaScript課題

以下のように商品の単価と個数の関係の表組みを表示させなさい。

http://felica.boy.jp/js-kadai/jissen-e

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
 
  <style>
	<!--
		table {
			border-collapse: collapse;
		}
		th,td {
			width: 100px;
			text-align: center;
			padding: 5px;
		}
		th {
			background-color: #eee;
		}
	-->
	</style>
</head>
<body>
	<table border="1">
  <tr>
  	<th>商品A</th><th>商品B</th><th>商品C</th><th>商品D</th>
  </tr>
   <script>
	<!--
		var tanka = [300,450,520];
		
		for (var i=1; i<=10; i++){
			document.write('<tr>');
			document.write('<th>'+i+'<\/th>');
			for (var j=0; j<3; j++){
				document.write('<td>' + tanka[j] * i + '円<\/td>');
			}
			document.write('<\/tr>');
		}
	-->
	</script>
  </table>
</body>
</html>