■
6/21授業メモ
JavaScript配列の練習
・FOR文適用の例
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
<!---
var prodName=['チェア','デスク','スタンド'];
var prodprice=[4000,12000,800];
//-->
</script>
</head>
<body>
<table border='1'>
<tr><th>製品名</th><th>価格</th></tr>
<script>
<!--for文適用します
for(var i=0; i<3; i++) {
document .write('<tr>');
document .write('<td>'+ prodName[i] +'<\/td>');
document .write('<td>'+ prodprice[i]+'円<\/td>');
document .write('<\/tr>');
}
-->
</script>
</table>
</body>
</html>
・ベタなやり方
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
<!---
var prodName=['チェア','デスク','ブックスタンド'];
var prodprice=[4000,12000,800];
//-->
</script>
</head>
<body>
<table border='1'>
<tr><th>製品名</th><th>価格</th></tr>
<script>
<!--
document .write('<tr>');
document .write('<td>'+ prodName[0] +'<\/td>');
document .write('<td>'+ prodprice[0]+'円<\/td>');
document .write('<\/tr>');
document .write('<tr>');
document .write('<td>'+ prodName[1] +'<\/td>');
document .write('<td>'+ prodprice[1]+'円<\/td>');
document .write('<\/tr>');
document .write('<tr>');
document .write('<td>'+ prodName[2] +'<\/td>');
document .write('<td>'+ prodprice[2]+'円<\/td>');
document .write('<\/tr>');
-->
</script>
</table>
</body>
</html>
