Как передать переменную из одной функции в другую?

Question

[elo-dev]

Мне нужно получить значение переменной в одной функции и сделать так, чтобы оно заработало в другой функции.
Это первая функция, в ней мне нужно получить значение url.

var blockPreview = document.querySelector('.wrapper__form__preview');

  document.getElementById("imageVideo").addEventListener('change',function (e){
    var url = window.URL.createObjectURL(e.target.files[0]);
    var img = document.createElement('img');
    img.id = 'form__imgPreview';
    blockPreview.insertAdjacentElement('beforeend', img);
    img.src = url;
    if(blockPreview.childElementCount > 1){
      blockPreview.firstChild.remove();
    }
  })

Затем вывести этот url в этой функции:

const addVideo = document.querySelector('.btn-success-form');

addVideo.addEventListener('click', function(event){
  event.preventDefault();
  var nameVideo = document.querySelector('.nameVideo').value;

  var input = document.querySelector('#imageVideo');
  var error = document.querySelector('.error');
  var curFile = input.files;

  if(nameVideo.length === 0){
    var errName = document.createElement('p');
    errName.textContent = 'Название не выбрано';
    error.appendChild(errName);
  }
  
  if(curFile.length === 0){
    var errFile = document.createElement('p');
    errFile.textContent = 'Файл для загрузки не выбран';
    error.appendChild(errFile);
  }

  const videoCard = `
    <div class="card">
    <img src="${Вот здесь использовать url}" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      </div>
  </div>
  `
})

Answer 1

[aleks-th]

return
https://learn.javascript.ru/function-basics

Answer 2

[dollar]

Создайте глобальную переменную.
Давайте назовём её global_var

Тогда в первой функции делаем так:

function(e) {
  var url = .....
  window.global_var = url;
  .....
}

А во второй функции делаем так:

function(event) {
  var url = window.global_var;
  .....
}

Comments

[dollar]

Aleksandr-JS-Developer, естественно! Я в курсе, что это плохая практика. Тем не менее, это является решением. Считаю, что так проще всего объяснить данному автору решение его текущей проблемы, чтобы ему было понятно. А хорошей практике и тонкостям он научится позже, в своё время, когда сделает достаточное количество ошибок на пути становления программистом.

[dollar]

Aleksandr-JS-Developer, ваше право, отвечая на вопрос, взять на себя ответственность чуть более, чем дать ответ на него. Удачи вам в этом нелегком деле (решать за других, чему и когда им стоит учиться). А я, пожалуй, пас.