学习JavaScript，从书中逐字复制代码，代码无效

Question

我姐姐的男朋友给了我他的旧书，所以我可以尝试学习网络开发。我对JavaScript完全陌生，正尝试从正在阅读的书中复制每个示例，以便获得参考并获得经验。这是整本书中的第三个示例，尽管逐字逐句地复制了示例，但我无法使其正常运行。

点击计算后，应该在计算后显示数字的时候，网站的底部不会改变...

<div class="navbar-spy">
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class = "nav navbar-nav pull-right">
          {% if user.is_authenticated %}
            <li><a href ="{% url 'posts:create' %}" class="btn btn-simple">Post</a></li>
            <li><a href ="{% url 'groups:all' %}" class="btn btn-simple">Groups</a></li>
            <li><a href ="{% url 'groups:create' %}" class="btn btn-simple">Create Group</a></li>
            <li><a href ="{% url 'accounts:logout' %}" class="btn btn-simple">Logout</a></li>
          {% else %}
            <li><a href ="{% url 'groups:all' %}" class="btn btn-simple">Groups</a></li>
            <li><a href ="{% url 'accounts:login' %}" class="btn btn-simple">Login</a></li>
            <li><a href ="{% url 'accounts:signup' %}" class="btn btn-simple">Signup</a></li>
          {% endif %}
        </ul>
    </div>
</div>