配列

JavaScript

【実践課題D】を、
for文を使って叶えようとして、イマイチな結果に。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>【実践課題D】 配列の演算</title>
<script>
<!--
var count = [0,1,2];
var a = [5,12,18];
var b = [33,14,65];
//-->
</script>
</head>

<body>
<h1>配列の演算</h1>
<table border="1">
<tr>
<th>添字</th><th>a</th><th>b</th><th>a×bを計算</th>
</tr>
<script>
<!--
for(i = 0; i <count.length; i++){
document.write('<tr>');
document.write('<td>' + count[i] + '<\/td>');
document.write('<td>' + a[i] + '<\/td>');
document.write('<td>' + b[i] + '<\/td>');
document.write('<td>' + a[i]*b[i] + '<\/td>');//本当はここにボタンクリックで結果を表示させるスクリプトが必要
document.write('<\/tr>');
};
//-->
</script>
</table>
</body>
</html>

ボタンを設置するエリアに、答えを直接表示させているソースです。
JavaScriptでボタン表示させる書き方が正しくわかっていないので、
めちゃくちゃ書いて実現してません。
ちなみに、ボタン出したくて書いた滅茶はこれ↓

document.write('<td><button onClick="' + ans(i) + '">計算結果<\/button><\/td>');

これだと、ボタンクリックどころか、
ページ開いた途端にアラートウインドウが開いて、

1行目の解答表示を確認後、「OK」を押すとボタンが現れる。

2行目以降は表示が不完全な上、1行目のボタンは効いていない状態。

よくわかっていないのに何でこんなこと挑戦するんでしょうめんどくさい人だなあ、
とか、ちょっと自分でもよぎる感想。