Не работает кнопка с функцией JS, внутри Django HTML шаблона

Нужно реализовать кнопку, которая переводит на '/buy/и_далее', выполнено на Django-шаблонах. Если сделаю через тег forms - все работает, эндпоинт /buy/1 прописан, кнопка нажимается. Но реализовать надо через <script>: и вот в этом коде, по нажатию кнопки buy ничего не происходит. Я бы мог еще понять, если бы было сообщение о неверном id, но не происходит вообще ничего. Я в JS ни в зуб ногой, так что ошибки могут быть на уровне закрывающих скобок, названий встроенных функций или передачи аргументов

HTML страницы

<html>
  <head>
    <title>{{ name }}</title>
  </head>
  <body>
    <h1>{{ name }}</h1>
    <p>{{ description }}</p>
    <p>{{ price }}</p>
    <button id="buy-button">Buy</button>
    <script type="text/javascript">
      var stripe = Stripe('test_id');
      var buyButton = document.getElementById('buy-button');
      buyButton.addEventListener('click', function() {
        // Create a new Checkout Session using the server-side endpoint 
        // Redirect to Stripe Session Checkout
        fetch('/buy/{{ id }}', {method: 'POST'})
        .then(response => return response.json())
        .then(session => stripe.redirectToCheckout({ sessionId: session.id }))
      });
    </script>
  </body>
</html>
Вернуться на верх