Блог

Главная - Вопросы по программированию - У меня возникли проблемы с отображением изображения несколько раз с помощью цикла for

У меня возникли проблемы с отображением изображения несколько раз с помощью цикла for

#javascript #image #for-loop

Вопрос:

У меня возникли проблемы с отображением изображения несколько раз с помощью JavaScript. Я создал это приложение (для практических целей), которое принимает входные данные от пользователя и отображает изображение несколько раз на основе входных данных, полученных от пользователя. Проблема здесь в том, что по какой-то причине он никогда не отображает ни одного изображения. Google Chrome не показывает никаких ошибок. Я предполагаю, что это логическая ошибка. Кто-нибудь, пожалуйста, может мне помочь?

 <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>

  <style media="screen">
    img, li {
      display: inline-block;
    }
    input, div {
      display: block;
      margin: 2rem 0 0;
    }
  </style>

</head>

<body>
  <main>
    <h1>List Of Google Images</h1>
    <ul id="imageList"></ul>.
    <div class="">
      <label for="displayImage">Display Image</label>
      <select class="" name="selector" id="numberSelector">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
      </select>
      <label for="displayImage2">Times</label>

      <input type="button" name="" value="Go" id="go">
    </div>

  </main>

</body>

<script type="text/javascript">
  var $ = function(id) {
    return document.getElementById(id);
  }
  var displayImages = function() {
    var pictures = "";
    var numberSelector = $("numberSelector").value;
    numberSelector = parseInt(numberSelector);
    var imageList = "<li><img src='https://www.google.com/logos/doodles/2021/st-patricks-day-2021-6753651837108887.2-l.png'></li>";
    var i = 0;
    for (i < numberSelector; i  ;) {
      pictures = pictures   imageList;
    }
    $("imageList").innerHTML = pictures;
  }

  window.onload = function() {
    $("go").onclick = displayImages;
  }
</script>

</html>

Комментарии:

1. Ваше for утверждение неверно. Должно быть for (let i = 0; i < numberSelector; i )

2. @LilDevil Спасибо!

Метки: