js-код не работает в html как отдельный файл (нет jQuery) - PullRequest
0 голосов
/ 26 сентября 2018

У меня есть действительно простая функция Javascript (я не использую jQuery), которая работает в html с использованием тега <script>, но не работает, когда я помещаю ее в отдельный .js файл.Я знаю, что делаю что-то не так, и это, вероятно, просто исправление, но я не могу понять это.Любая помощь?Большое спасибо!

Вот мои js:

function create() {
  var htmlElements = "";
  for (var i = 0; i < 5; i++) {
    htmlElements += '<div class="box">' + i + '</div>';
  }

  var container = document.getElementById("box");
  container.innerHTML = htmlElements;
}

и html:

 <head>
      <script src="main.js"></script>
 </head>
 <body>
      <div id="box">
      <script>create();</script>
    </div>
 </body>

jsfiddle: http://jsfiddle.net/p5hzA/129/

Ответы [ 2 ]

0 голосов
/ 26 сентября 2018

Вы запускаете create () до включения внешнего файла, функции должны запускаться после включения внешнего файла

0 голосов
/ 26 сентября 2018

просто переместите строку <script src="main.js"></script>

над этим <script>create();</script>

Обратите внимание : во время упражнений JavaScript вы должны всегда проверитьконсоль javascript (в Windows: нажмите Ctrl+Shift+J в Firefox, F12 в Chrome)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...