Введенный текст формы расширения Chrome пуст при отправке

Я пытаюсь создать расширение Chrome, которое загружает кучу элементов по ссылкам, основная логика в моемdownload.js файл, и я хочу иметь возможность указать, в какую загрузочную подпапку я хотел бы объединить их все, но значение поля ввода кажется пустым. Вот мой код до сих пор

popup.html

<!doctype html>
<html>
  <head>
    <title>Download CVs</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <form id="folderForm">
      Subdir of downloads:
      <input type="text" id="folder">
      <input type="submit" id="download" value="Download CVs">
    </form>
  </body>
</html>

popup.js

function bundleItems() {
  chrome.tabs.executeScript({
    file: 'download.js'
  });
}

document.addEventListener('DOMContentLoaded', function() {
  var downloadButton = document.getElementById('download');
  downloadButton.addEventListener('click', bundleItems);
});

chrome.extension.onRequest.addListener(function(logs) {
  var folder = document.getElementById('folder').value;

  logs.map(function(log) {
    chrome.downloads.download({
      url: log.attachment.link,
      filename: folder + '/' + log.attachment.filename
    });
  });
});

Я отправляю информацию отdownload.js вpopup.js и все работает, если я пытаюсь скачать его в загрузках, так что я чувствую, отправляя своиdownload.js файл будет бесполезным. Однако, если я попытаюсь отобразитьfolder переменная, она пустая. Я искал много других сообщений на ту же тему, и ни одно из решений, похоже, не работает для меня.

Ответы на вопрос(2)

Ваш ответ на вопрос