【実践課題F】 - ２２３の Web スキルの学習

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<table border="1">
<tr><th>製品名</th><th>価格</th><th>在庫</th></tr>

<script>
var z=[
{a:"リラックスチェア",b:4000,c:500},
{a:"リラックスデスク",b:12000,c:200},
{a:"ブックスタンド",b:800,c:0} ];

for(i=0;i<3;i++){ 
if (z[i].c==0){z[i].c="<span style='color:red;'>在庫切れ</span>"};
document.write("<tr><td>"+z[i].a+"</td><td>"+z[i].b+"</td><td>"+z[i].c+"</td></tr>"); }

</script>

</table>
</body>
</html>