JavaScript snippet not working in Django template

Question

It's been a while since I did Django and I found an example of calling a view from a button that I needed:

How do I call a Django function on button click?

I built my template to match the example given:

<html>
  <head>
    <title>Tournament Registration</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
      function register() {
        alert("Hi")
      }
    </script>

  </head>

  <body>
    <p>{{ tournament.name }}</p>
    <p>Start time: {{ tournament.start_time }}</p>

    <button onclick="register">Register</button>

  </body>

</html>

At first I just wanted it to pop an alert box so I know it's working at all. When I click the button however, nothing happens, and I get no error message in console. Am I able to call script tags in a Django template, or am I doing something else wrong here?

onclick="register()"

Daniel Roseman
– Daniel Roseman

2019-09-13 16:49:20 +00:00
Commented Sep 13, 2019 at 16:49 — Daniel Roseman
– Daniel Roseman, Commented Sep 13, 2019 at 16:49

Matthew Gaiser · Accepted Answer · 2019-09-13 16:58:04Z

1

You have been programming with Django for so long that you're forgetting that Javascript still requires the pesky brackets in templates. :) No worries, as I do it too.

<button onclick="register">Register</button> needs to be

<button onclick="register()">Register</button> and your code will work fine. `

answered Sep 13, 2019 at 16:58

Matthew Gaiser

4,8431 gold badge22 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JavaScript snippet not working in Django template

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related