Можно найти входное значение по его идентификатору в таблице, сгенерированной django

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

HTML-код выглядит следующим образом:

<head>
     <script src="{% static 'myProject/jQuery/jquery-3.7.1.js' %}"></script>
     <script src="{% static 'myProject/javaScript/datatables.min.js' %}"></script>
     <script src="{% static 'myProject/javaScript/checkFunc.js' %}" defer></script>

     <link rel="stylesheet" href="{% static 'myProject/CSS/checkStyle.css' %}">
     <link rel="stylesheet" href="{% static 'myProject/CSS/datatables.min.css' %}">
</head>

<table id="myTable">
    <thead>
        <tr>
            <th>Head Value</th>
            <th>Another head Value</th>
        </tr>
    </thead>
    <tbody>
         {% for value in list_of_value %}
            <tr>
                <td><input type="number" id="amount{{ value.id }}" value="1"></td>
                <td><button onclick="check(value.id)">Check input box</button></td>
            </tr>
         {% endfor %}
    </tbody>
</table>

И JS вот так:

function check(value_id){
     const amount= document.getElementById("amount"+wallet_id);
     console.debug(amount);
}

В консоли я получаю только "null", как будто он не существует, но я попробовал изменить его с помощью CSS, и все сработало просто отлично. Я также попробовал использовать jQuery следующим образом:

function check(value_id){
    var actionTable = $("#amount" + value_id +"");
    console.debug(actionTable);
    console.debug(actionTable.value);
}

И в этом случае я не получаю значение null, я получаю объект:

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