Как установить индекс, выбрав в JavaScript ⇐ CSS

[Anonymous]

У меня есть домашняя страница, на которой отображается 6 кнопок. Каждая кнопка направляет меня на другую страницу, где есть некоторая информация и кнопка «Открыть». Обычно каждая кнопка должна направлять меня на определенную ссылку, но у меня проблема: мой индекс всегда равен 0 и не меняется.
Я хочу, чтобы индекс зависел от решение, которое пользователь выбирает на главной странице.

Код: Выделить всё

document.querySelectorAll('.discover-button').forEach(function(button, index) {
button.addEventListener('click', function(event) {
var solutionIndex = index;
var videoIframe = document.getElementById('videoIframe');
var videoUrl = solutions[solutionIndex].url;
videoIframe.src = videoUrl;

document.getElementById('iframeContainer').style.display = 'block';
});
});

function closeIframe() {
var videoIframe = document.getElementById('videoIframe');
videoIframe.src = '';
document.getElementById('iframeContainer').style.display = 'none';
}

Код: Выделить всё

Discover


X

Подробнее здесь: https://stackoverflow.com/questions/784 ... javascript