実践課題D

JavaScript課題

以下のように演算結果を表示させなさい。

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
  <script>
	<!--
		var atai = [
		{seiretsu:1, a:5, b:33},
		{seiretsu:2, a:12, b:14},
		{seiretsu:3, a:18, b:65}
		]
		var d = '計算結果';
		
		function ans(i){
				kakezan = atai[i].a * atai[i].b;
			alert('答えは、'+ kakezan +'です。');
		}
	-->
	</script>
  <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>添字</th><th>a</th><th>b</th><th>a×bを計算</th></tr>
    <script>
	<!--
		for (var i=0; i<3; i++) {
			document.write('<tr><th>'+atai[i].seiretsu+'</th><td>'+atai[i].a+'</td><td>'+atai[i].b+'</td><td><button onClick="ans('+ i +')">'+d+'</button></td></tr>');
		}
	-->
		</script>
  </table>
</body>
</html>