Tengo un pequeño proyecto de Django. Tengo un script JS en el archivo HTML para una de mis aplicaciones:

 <script type="text/javascript"> function intervalSelector() { let intervalField = document.getElementById("intervalField"); let hourField = document.getElementById("hourField"); let minuteField = document.getElementById("minuteField"); intervalField.addEventListener("change", function () { if (intervalField.value === "Hourly") { hourField.disabled = true; minuteField.disabled = false; } else { hourField.disabled = false; minuteField.disabled = false; } }); } </script>

Esta función es llamada por un elemento de botón más abajo en el documento HTML:

 <button style="background-color: orange; color: white; float:left; margin-right:5px;" class="btn" type="button" onclick="intervalSelector()" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample" aria-expanded="false" aria-controls="collapseWidthExample"> Schedule </button>

La función obtiene tres elementos por su Id en el documento HTML:

 <select class="form-select form-select-lg mb-3" aria-label=".form-select-lg example" id="intervalField"> <option selected>Interval</option> <option value="1">Daily</option> <option value="2">Hourly</option> </select> <input name="hour" class="form-control" type="number" min="0" max="23" value="23" id="hourField"> <input name="minute" class="form-control" type="number" min="0" max="59" value="57" id="minuteField">

Cuando ejecuto mi aplicación web y hago clic en el botón que llama a la función, dice que la función intervalSelector no está definida. ¿Alguna idea sobre cuál podría ser el problema?