上手く書けた例も載せておく

JavaScript

【実践課題C】にもうひと手間。
リスト表示とリンク先をJavaScriptで制御

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>【実践課題C】リスト</title>
<script>
<!--
var name = new Array('ホーム','会社情報','製品情報','お問い合わせ');
var links = new Array('home.html','info.html','info2.html','contact.html');
//-->
</script>
</head>

<body>
<script>
<!--
for (var i = 0; i<name.length; i++){
document.write('<ul><li><a href="' + links[i] +'">' + name[i] + '<\/a><\/li><\/ul>');
};
//-->
</script>
</table>
</body>
</html>

【実践課題F】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>【実践課題F】 新商品価格表（在庫表示）</title>
<script>
<!--
var name = ['リラックスチェア','リラックスデスク','ブックスタンド'];
var price = [4000,12000,800];
var stock = [500,200,'在庫切れ'];
//-->
</script>
</head>

<body>
<h1>新商品価格表</h1>
<table border="1">
<tr>
<th>製品名</th><th>価格</th><th>在庫</th>
</tr>
<script>
<!--
document.write('<tr>');
document.write('<td>' + name[0] + '<\/td>');
document.write('<td>' + price[0] + '円<\/td>');
document.write('<td>' + stock[0] + '<\/td>');
document.write('<\/tr>');
document.write('<tr>');
document.write('<td>' + name[1] + '<\/td>');
document.write('<td>' + price[1] + '円<\/td>');
document.write('<td>' + stock[1] + '<\/td>');
document.write('<\/tr>');
document.write('<tr>');
document.write('<td>' + name[2] + '<\/td>');
document.write('<td>' + price[2] + '円<\/td>');
document.write('<td><span style="color:red">' + stock[2] + '<\/span><\/td>');
document.write('<\/tr>');
//-->
</script>
</table>
</body>
</html>