Javascript购物车将订单按钮替换为加减按钮

我正在django创建电子商务网站，我正在创建订单按钮。 我希望当我点击order按钮时，它应该被设置值的+和-按钮替换。 一切正常，除了+-按钮没有响应aas，我没有得到控制台输出。。 请帮忙。 我正在为此使用本地存储

{% extends "base.html" %}

{% block style %}
<style type="text/css">

.dot_active {
  height: 15px;
  width: 15px;
  background-color: #82E0AA;
  border-radius: 50%;
  display: inline-block;
}

.dot_closed {
  height: 15px;
  width: 15px;
  background-color: #E74C3C;
  border-radius: 50%;
  display: inline-block;
}

#myInput {
  display: inline-block;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

</style>
{% endblock style %}

{% block content %}
{% load static %}
<link href="{% static '/DataTables/css/jquery.dataTables.min.css' %}" rel="stylesheet">

<script src="{% static '/DataTables/js/jquery.dataTables.min.js' %}"></script>
   <script>
    $(document).ready(function () {
        $('#myTable').dataTable();
    });
</script>


<center><H1>Menu</H1></center>
<table id="myTable" class="table table-striped table-bordered table-sm">
    <thead class="thead-dark">
    <tr>
        <th>Restaurant Name</th>
        <th>Dish Name</th>
        <th>Food Type</th>
        <th>Price</th>
        <th>Description</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
{% for content in content %}
    <tr>
        <td>{{ content.restaurant.restaurant.restaurant_name }}</td>
        <td>{{ content.dish_name }}</td>
        <td>{% if content.dish_type == "veg" %}<span class="dot_active"></span>   {{ content.dish_type}}{% endif %}
        {% if  content.dish_type == "nonveg" %}<span class="dot_closed"></span>   {{ content.dish_type}}{% endif %}</td>
        <td>{{ content.price }}</td>
        <td>{{ content.description }}</td>
        <td>
         {% if not user.is_restaurant%}
            <span id="divpr{{content.id}}" class="divpr">
            <center><a id="pr{{content.id}}"  class="btn btn-success cart">Order</a></center>
            </span>
         {% else %}<p class="text-danger">LogIn as Customer to Order Food.</p>{% endif %}
        </td>
    </tr>
{% endfor %}
    </tbody>
</table>
{% endblock %}

{% block script %}
<script>
console.log('working');
if(localStorage.getItem('cart') == null){
var cart = {};
}
else
{
cart = JSON.parse(localStorage.getItem('cart'));
document.getElementById('cart-nav').innerHTML = Object.keys(cart).length;
updateCart(cart);
}
$('.cart').click(function(){
console.log('clicked');
var id = this.id.toString();
console.log(id);
if (cart[id] !=undefined){
cart[id] = cart[id] + 1;
}
else
{
cart[id] = 1;
updateCart(cart);
}
console.log(cart);
localStorage.setItem('cart', JSON.stringify(cart));
document.getElementById('cart-nav').innerHTML = Object.keys(cart).length;
});
function updateCart(cart) {
    for (var item in cart) {
        document.getElementById('div' + item).innerHTML = "<button id='minus" + item + "' class='btn btn-primary minus'>-</button> <span id='val" + item + "''>" + cart[item] + "</span> <button id='plus" + item + "' class='btn btn-primary plus'> + </button>";
    }
    localStorage.setItem('cart', JSON.stringify(cart));
    document.getElementById('cart').innerHTML = Object.keys(cart).length;
    console.log(cart);
}
$('.divpr').on("click", "button.minus", function() {
console.log('minus clicked')
});
$('.divpr').on("click", "button.plus", function() {
console.log('plus clicked')
});

</script>
{% endblock %}

<!--href="/menu/order/{{ content.id }}"-->

{%extends“base.html”%}
{%块样式%}
.dot_激活{
高度：15px；
宽度：15px；
背景色：82E0AA；
边界半径：50%；
显示：内联块；
}
.dot_关闭{
高度：15px；
宽度：15px；
背景色：#E74C3C；
边界半径：50%；
显示：内联块；
}
#我的输入{
显示：内联块；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
{%endblock style%}
{%block content%}
{%load static%}
$（文档）.ready（函数（）{
$（'#myTable'）.dataTable（）；
});
菜单
餐厅名称
菜名
食物类型
价格
描述
行动
{content%中的内容为%1}
{{content.restaurant.restaurant.restaurant_name}
{{content.dish_name}
{%if content.dish_type==“veg”%}{{content.dish_type}{%endif%}
{%if content.dish_type==“nonveg”%}{{content.dish_type}}{%endif%}
{{content.price}}
{{content.description}}
{%如果不是用户。是_餐厅%}
命令
{%else%}
以客户身份登录以订购食品。
{%endif%}
{%endfor%}
{%endblock%}
{%block script%}
console.log（'working'）；
if（localStorage.getItem（'cart'）==null）{
var-cart={}；
}
其他的
{
cart=JSON.parse（localStorage.getItem（'cart'））；
document.getElementById（'cart-nav'）。innerHTML=Object.keys（cart）.length；
updateCart（购物车）；
}
$（'.cart'）。单击（函数（）{
console.log（'clicked'）；
var id=this.id.toString（）；
console.log（id）；
如果（购物车[id]！=未定义）{
购物车[id]=购物车[id]+1；
}
其他的
{
购物车[id]=1；
updateCart（购物车）；
}
控制台日志（购物车）；
setItem（'cart'，JSON.stringify（cart））；
document.getElementById（'cart-nav'）。innerHTML=Object.keys（cart）.length；
});
函数updateCart（购物车）{
用于（购物车中的var项目）{
document.getElementById（'div'+项）。innerHTML=”-