Как использовать UUID из объектов в моих JS-скриптах?

Здравствуйте, я здесь новенький. Я не знаю, правильно ли я задал вопрос, но у меня есть проблема

В моем models.py у меня есть следующее поле:

id = models.UUIDField(default=uuid.uuid4, unique=True, primary_key=True, editable=False)

Я пытаюсь сделать скрипт show password и copy to clipboard в JS для каждой записи, но поскольку я использую UUID, он не работает должным образом. Если я использую простой ID, то скрипты работают нормально.

Ошибка: идентификатор начинается сразу после числового литерала

template.html

{% extends "_base.html" %}
{% block content %}

{{ entry.id}}
{{ entry.password_website }}<br />
{{ decrypted_password }}<br />
{{ entry.name_website }}<br />
{{ entry.url_website }}<br />
{{ entry.login_website}}<br />


<a class="btn btn-dark" href="{% url 'vaults:passwords' %}">Go back<a/>

    <input id="password-{{ entry.id}}" style="width: auto;" type="password" value="{{ decrypted_password }}" disabled>
    <button style="font-family: monospace; cursor: pointer;" id="password-button-{{ entry.id}}" onclick="showPassword({{ entry.id }});">show</button>
    <button style="font-family: monospace; cursor: pointer;" onclick="copyToClipboard({{ entry.id }});">copy</button>


<script>
        function showPassword(id) {
            var input = document.getElementById("password-" + id);
            var input_button = document.getElementById("password-button-" + id);

            console.log(input)
            console.log(input_button)
      
            if (input.type === "password") {
                input.type = "text";
                input_button.text = "hide";
            } else {
                input.type = "password";
                input_button.text = "show";
            }
        }
      
        function copyToClipboard(id) {
            var password = document.getElementById("password-" + id).value;
            
            var elem = document.createElement("textarea");
            elem.value = password;
            elem.style = { position: 'absolute', left: '-9999px' };
            document.body.appendChild(elem);
      
            elem.select();
            document.execCommand("copy");
            document.body.removeChild(elem);
        }>
</script>

{% endblock content %}

язык шаблонов django используется в .html странице

Есть предложения? Может быть, я что-то упускаю

Спасибо за ваше время

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