JS addEventListener "input" автоматически извлекает то, что набрал пользователь, я не могу достичь пользовательского Input

Я пытаюсь подключить JS внутри моего проекта Django Я получил сообщение в консоли "InputEvent" но я хотел бы получить название валюты, которая находится в моем кошельке, я не знаю почему. В этой части кода "calculate" я получил 2 значения curr1 и a1 без каких-либо проблем

  c1[i].addEventListener("change", function() { calculate(curr1,a1); }, false);
  amount1[i].addEventListener("input", function() { calculate(curr1,a1); }, false);

но здесь

c1[i].addEventListener("change", function() { calculate2(curr1); }, false);

Я получил только InputEvent без названия валюты

, а также когда я использую

amountAmount.addEventListener("input", calculate2);

он работает в прямом эфире, какая сумма вводится в качестве входных данных сразу же меняется, но здесь

  c1[i].addEventListener("change", function() { calculate(curr1,a1); }, false);
  amount1[i].addEventListener("input", function() { calculate(curr1,a1); }, false);

Не работает, если я меняю сумму, ничего не происходит

ВОТ КАК ЭТО ВЫГЛЯДИТ В МОЕМ БРАУЗЕРЕ https://i.stack.imgur.com/BkEEm.png

здесь часть html

{% extends "web/layout.html" %}

{% block body %}
    
    <br><br><br>
    <div id="jumbotron" class="jumbotron" style="text-align: center; margin-top:-50px">
      <h1 id="devise" class="display-5">Devise </h1>
      <h5>Exchange Rate Converter</h5>
      <img src="image.jpg" class="image" style="width:100px; margin-bottom:-50px; " >
    </div>
    <div class="container">
    <div class="page-header" id="banner">
      <div class="row">
        <div class="col-sm-15">
          <h1 style="align-content: center;"> </h1>
          <p class="lead" style="margin-left:280px; font-size:2rem">
        </p>
        </div>
      </div>
    </div>



    <div class="row">
        {% for item in buttons %}
        {% for money_purchased in user_purchased_currencies %}
        {% if item.currency_type != money_purchased.currency %}
            <p class="">{{item.display_text}}</p>
        <a   href="{% url 'a' crypto_name=crypto_name fiat_currency=item.currency_type %}" class="currency-one" role="button"   >{{item.display_text}}</a>    
        </div>
            <input type="number" class="amount-one"  value="{{money_purchased.currency_amount}}" style="width:100%" />
        {% endif %}
        {% endfor %}
        {% endfor %} 
    </div>
    <input type="number" id="amount-oneone"  value="1" style="width:100%" />

<br>
  <div class="swap-btn">
    <button type="button" id="swap" class="btn btn-outline-primary mx-auto d-block" >Swap <i class="fa fa-refresh" aria-hidden="true"></i></button>
  </div>
  <!-- Dynamic rate inserted in DOM based on exchange rate fetched from API -->
  <div class="rate" id="rate"></div>

  <div class="rate2" id="rate2"></div>
    <br>
    {% for crypto in crypto_detail_view %}
    <div class="container">
      <div class="currency">

             <p class="form-control" id="currency-two">{{crypto.name}}</p>
      <br>
      <p class="form-control" type="number" id="amount-two"  style="width:100%">{{crypto.price}}</p>
        
      </div>
  </div>
  {% endfor %} 



  <script src="/static/js/app.js"></script>


  {% endblock %}

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