Проект Django Как изменить объект из цикла for (его JSON-ответ) на читаемый Java-Script

Я хотел бы сделать простую математику в моем валютном Django проекте, но я получил ответ в google chrome inspect, что один объект (который приходит из API JSON ответа) undefined, а второй String

Когда я немного изменил код на приведенный ниже, я получил ответ в консоли inspect И я ясно вижу, что этот объект есть, но я не могу получить его из класса .value

console.log(amount1, amount2);

<p id="crypto-price">3289.00221916 </p> <option id="user-wallet">15000 </option>

static/js/javascript.js

const amount1 = document.getElementById("crypto-price");
const amount2 = document.getElementById("user-wallet");

function calculate() {
  console.log("YESS");
  **console.log(parseInt(amount1.value) * parseInt(amount2.value));**
  console.log(typeof amount1.value, typeof amount2.value);
}

calculate();

YESS
javascripts.js:13 NaN
javascripts.js:14 undefined string

Шаблоны Django, где оба объекта "crypto-price" "user-wallet" происходят из цикла for

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

{% block body %}


<div class="row">

{% for crypto_detail in crypto_detail_view %}
<div class="col-lg-12 col-md-6 mb-4">
    <div class="card h-100">
        
        <div class="card-body">
            <img class="rounded mx-auto d-block" src="{{crypto_detail.logo_url}}" width="50" height="50">
            <h4 class="card-title text-center" id="crypto-name">{{ crypto_detail.name }} </h4>
        </div>
        <div class="card-footer text-center">
            <p  id="crypto-price" >{{crypto_detail.price}} </p>
            <p>{{fiat_currency}}</p>
            
        </div>

        <div class="card-footer text-center" >
            <p  href="">Price Date: {{ crypto_detail.price_date }}</p>
        </div>
    </div>
</div>
{% endfor %}



<div class="row g-3 align-items-center">
    <p>Your Money:</p>
    
    
    <select class="form-select" aria-label="Default select example">
        <option selected>which currency do you want to buy Crypto for?</option>
        {% for money_purchased in user_purchased_currencies %}
        <p id="currency-name">{{money_purchased.currency}}</p>
        <option id="user-wallet">{{money_purchased.currency_amount}} </option>
        {% endfor %}
      </select>


    <form method="post" >

        {% csrf_token %}
        <div class="form-group">
            <p>{{ form.wallet_amount }}</p>
            <input type="text" value="{{crypto_name}}" />
            
        </div>
        <input class="btn btn-primary" type="submit" value="Buy">
    
    </form>

</div>
</div>

{% block js_block %}
<script src="/static/js/javascripts.js" ></script>
{% endblock %}

{% endblock %}

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