JS基礎

JavaScript 自習

配列の演算

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>配列</title>
        <script type="text/javascript">
	var a = new Array(9, 12, 17);
	var b = new Array(33, 16, 82);
	var kai;
	function kakezan0() {
		kai = a[0]*b[0];
		alert( '答えは' + kai + 'です' );
	}
	function kakezan1() {
		kai = a[1]*b[1];
		alert(kai);
	}
	function kakezan2() {
		kai = a[2]*b[2];
		alert(kai);
	}
	</script>
        <style type="text/css">
	table {
		border-collapse: collapse;
		border-color: #ccc;
	}
	th {
		width: 100px;
		background-color: #D9F4F1;
	}
	td {
		width: 100px;
		text-align: center;
	}
	</style>
</head>
<body>
    <table border="1">
    <tr>
    <th>添字</th><th>a</th><th>b</th><th>a×bを計算</th>
    </tr>
    <tr>
    <th>0</th><td>9</td><td>33</td>
    <td><input type="button" value="計算結果" onClick=" kakezan0()"></td>
    </tr>
    <tr>
    <th>1</th><td>12</td><td>16</td>   
    <td><input type="button" value="計算結果" onClick="kakezan1()"></td>
    </tr>
    <tr>
    <th>2</th><td>17</td><td>82</td>
    <td><input type="button" value="計算結果" onClick="kakezan2()"></td>
    </tr>
    </table>
</body>
</html>
メモ

new ArrayのnewとArrayの間は空ける。

今回はボタン一つ一つに関数を作りましたが、次は引数を使って簡略化したいと思います。