Как получить все данные о цене, количестве из html в js и умножить их соответствующим образом и добавить в html в Django. кто может помочь?

Я приложил HTML на фото Вопрос - как получить все данные цены, количества из HTML в js и умножить их соответственно и добавить их в HTML в Django. кто нибудь помогите мне.

const x = document.getElementById("qty").innerHTML;
const y = document.getElementById("price").innerHTML;
const z = document.getElementById("total");

function calculator(qty, price) {
  let lowercase = price.toLowerCase();
  const remove_price_string = lowercase.replace("only", "");
  console.log(remove_price_string);
  let total = remove_price_string * qty;
  console.log(total);
}

calculator(x, y);

enter image description here

enter image description here

enter image description here

Я собираюсь предположить, что каждый счет является объектом модели Django. Самый простой способ сделать этот расчет в Django - добавить его как функцию к вашей модели:

# models.py
from django.db import models

class Bill(models.Model):
    full_name = models.CharField(max_length=30)
    food_name = models.CharField(max_length=30)
    qty = models.IntegerField()
    price = models.DecimalField(decimal_places=2)

    def total(self):
        return self.qty * self.price

Вы можете вызвать эту функцию в своем шаблоне, набрав ее имя без круглых скобок:

<td id="total">{{ bill.total }}</td>

Пожалуйста, будьте внимательны к тому, как вы представляете валюты. Если вам нужно представить дробные суммы, используйте DecimalField с соответствующим количеством десятичных знаков; в противном случае используйте IntegerField. Никогда не используйте FloatField для представления валют, так как он не всегда хранит точное представление суммы валюты.

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