Как назначить переменную на index.html отдельному файлу, как на github? - PullRequest
Новая
       9

Как назначить переменную на index.html отдельному файлу, как на github?

0 голосов
/ 24 октября 2019

У меня есть эта функция пишущей машинки, которая выбирает и печатает случайную строку из массива как часть моего index.html на Githubpages (большое спасибо ZorgoZ!): 

var myArray = ['long string 1', 'long string 2', 'long string 3']
var target = document.getElementById("typestringhere");
var char;
var timer;
var sentence;
function type(){
  if(char < sentence.length) {
    target.innerHTML += sentence.charAt(char++);
  } else {
    clearInterval(timer);
  } 
}

function reset() {
  clearInterval(timer);
  sentence = myArray[Math.floor(Math.random() * myArray.length)];
  char = 0;
  target.innerHTML = '';
}
function typeWriter() {
  reset();  
  var speed = document.getElementById("speedvalue").value;
  timer = setInterval(type, speed);
}

Проблема в том, что myArrayПеременная присваивается массиву с большим количеством очень длинных строк, что делает мой index.html длиннее и громоздче, чем нужно (это как 400 разных длинных строк).

Я хочу передать массив как есть, ['long string 1' и т. Д.] В отдельный файл GitHub, назвать его longstrings, а затем просто каким-то образом назначить var myArray этому файлу longstrings.

Прежде всего, возможно ли это? И как мне это сделать? Во-вторых, сможет ли функция пишущей машинки в index.html по-прежнему распознавать и извлекать случайную строку из этого массива, если она находится в отдельном файле?

В качестве альтернативы, я мог бы просто переместить всю функцию, длинный массив и все, в отдельный файл Github в папке с именем 'js' или чем-то еще, и ссылаться на нее в index.html. Могу ли я сослаться на него следующим образом? 

<script src = /js/longarray.js></script>

Скрипт получает элементы на странице index.html по идентификатору, например «typestringhere», - он все равно сможет получить эти элементы, если его нет на одном и том жефайл?

Извините, я знаю, что это много вопросов. Я предполагаю, что основная идея заключается в том, как мне ссылаться на файлы, которых нет в index.html в моем index.html?

...