javascript実技試験 復習

【問8】以下のコピーライトの「2019」の部分をdomとdateオブジェクトを使って、動的に変更させなさい。

<p><small>&copy; 2010-<span id="thisYear"></span>Felica Co., Ltd</small></p>
<script>
  myDate = new Date();
  myYear = myDate.getFullYear();
  document.getElementById("thisYear").innerHTML = myYear;
</script>

【問9】多重for文と配列を使って以下の表を作成する。

<table>
<script>
var products=['数量','商品A','商品B','商品C','商品D'];
var price=[300,400,600,850];

document.write('<tr>');
for(var a=0;a<=4;a++){
document.write('<th>'+products[a]+'</th>');
}
document.write('</tr>');

for(var i=1;i<=10;i++){
document.write('<tr>');
document.write('<th>'+i+'</th>');
for(var j=0;j<=3;j++){
document.write('<td>'+i*price[j]+'</td>');
}

document.write('</tr>');
}
</script>
</table>

【問10】サムネイル画像（3個）をクリックしたらメイン画像が変化するように記述しなさい。（画像サイズはグリッドレイアウトであれば自由）

<p><img  src="img/01.jpg" alt="" id="main"></p>
<p><img src="img/01-S.jpg" alt="" onClick="main.src='img/01.jpg'"></p>
<p><img src="img/02-S.jpg" alt="" onClick="main.src='img/02.jpg'"></p>
<p><img src="img/03-S.jpg" alt="" onClick="main.src='img/03.jpg'"></p>

javascript実技試験復習

コメント