Кнопка JavaScript и HTML

Я работаю над проектом Django и пытаюсь добавить кнопки, которые при нажатии направляют вас на другую страницу, на таблицу, созданную на основе модели.

Вот HTML для таблицы: https://i.stack.imgur.com/uzddu.png

А вот функция JS: https://i.stack.imgur.com/lLas9.png

На сайте это выглядит следующим образом:

https://i.stack.imgur.com/jAZ76.png

Первая кнопка, где ID равен 1, при нажатии переводит меня на нужную страницу. Вторая кнопка, однако, ничего не делает при нажатии. Я хочу добиться того, чтобы каждый раз, когда создается объект приложения и обновляется таблица, я мог нажать на кнопку и перейти на страницу с url вроде этого: /review/id, причем id должен быть таким же, как и в таблице.

У вас не должно быть несколько кнопок с одинаковыми ID, ID должны быть уникальными. Попробуйте присвоить кнопкам класс и связать onclick с этими классами.

<button id="review{{ app.id }}" class="btn btn-primary reviewBtn" data-id={{app.id}}">Review</button>
var reviews = document.getElementsByClassName("reviewBtn");
var redirect = function() {
    @TODO
};


for (var i = 0; i < reviews.length; i++) {
    reviews[i].addEventListener('click', redirect, false);
}

посмотрите эту демонстрацию

Вернуться на верх