Мне нужно получить значение переменной в одной функции и сделать так, чтобы оно заработало в другой функции.
Это первая функция, в ней мне нужно получить значение 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>
`
})