前の問題次の問題

body 要素に img 要素(id 属性"photo")を加え、次のような JavaScript コードで、画像をクリックするたびに 4つの写真を順に切り替えたい。このとき、 [A] から [D] のいずれにも使われない項目はどれか。以下より1 つ選択しなさい。

<body>要素 

<img src="images/image_001.png" id="photo" alt="photo" />
<script>
 let currentNum = 0;
 const files = [
   'images/image_001.png',
   'images/image_002.png',
   'images/image_003.png',
   'images/image_004.png',
 ];
 const photoElement = document.getElementById('photo');
 photoElement.addEventListener('click', function() {
  A currentNum;
  currentNum B files.length;
  const photo = files[currentNum];
  photoElement. C (' D ', photo);
 });
</script>

選択肢 1

++

選択肢 2

%=

選択肢 3

image

選択肢 4

setAttribute

解答

正解
3
難易度
取組履歴
ログインすると履歴が残ります
解説
ABCD を埋めたソースコードは以下となります。

<body>要素 

<img src="images/image_001.png" id="photo" alt="photo" />
<script>
 let currentNum = 0;
 const files = [
   'images/image_001.png',
   'images/image_002.png',
   'images/image_003.png',
   'images/image_004.png',
 ];
 const photoElement = document.getElementById('photo');
 photoElement.addEventListener('click', function() {
  ++ currentNum;
  currentNum %= files.length;
  const photo = files[currentNum];
  photoElement. setAttribute ('src', photo);
 });
</script>

解説の評価(-----)

現在の平均評価点:
ログインすると解説を投稿できます。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。