En lugar de involucrar el script js, recomendaré crear total_value en el lado de Django y moverlo a la plantilla.

 <div class="h6 mb-1" data-count="{{ s_books.count }}">School copies - <b>{{ s_books.count }}</b></div> <div class="h6 mb-1" data-count="{{ g_books.count }}">Govt copies - <b>{{ g_books.count }}</b></div> <div>{total_count}</div>

No estoy seguro de qué camino seguir para renderizar la plantilla, pero debería mirar este

 # views.py from django.shortcuts import render def render_users(request): g_books = {} s_books = {} context = { "g_books": g_books, "s_books": s_books, "total_count": g_books.count + s_books.count } return render(request, 'books.html', context)

val() devuelve el atributo de valor como en <input type="text" value=something/> y html() devuelve el contenido (innerHTML) del elemento seleccionado.

Así que modifique sus códigos de esta manera y estará listo para comenzar. (Supongo que Django devuelve un valor numérico en {{ s_books.count }} y {{ g_books.count }} ).

 $(document).ready(function() { var sch = $('#sch-books b').html(); // added b element and calling html() var gov = $('#gov-books b').html(); // added b element and calling html() var total = parseInt(sch) + parseInt(gov); // converted the string into number using parseInt() $('#total').text("Total : " + total); // worked });

puede intentar usar django-mathfilter para este propósito, porque el usuario puede deshabilitar javascript y django-mathfilter es muy poderoso.

$ pip install django-mathfilters

Then add mathfilters to your INSTALLED_APPS.

entonces en tu plantilla puedes hacer algo como esto.

 {% load mathfilters %} ........ {% with s_books.count as s_book and g_books.count as g_book %} <div id="sch-books" class="h6 mb-1">School copies - <b>{{ s_book }}</b></div> <div id="gov-books"class="h6 mb-1">Govt copies - <b>{{ g_book }}</b></div> <div id="total">{{ s_book|add:g_book }}</div> {% endwith %}

para obtener más información, lea esto https://pypi.org/project/django-mathfilters/