用户添加到文本字段并更新，而不是在更新JavaScript后再次添加用户

在我的应用程序中，我有一个查看屏幕和一个评论屏幕。 在查看屏幕中，它显示消息提要和分数提要，如下所示：

消息源： 切尔西对阿森纳1-0：哈扎德得分

分数反馈如下： 切尔西对阿森纳1-0

但是，如果我更新分数，它会创建一个新分数，如下所示： 切尔西对阿森纳1-0 切尔西对阿森纳1-1

我宁愿将此作为一个分数，只更新其中的数字，我将如何在JavaScript中执行此操作

代码如下：

这增加了目标

    $(document).ready(function () {
            $("#incrementHomeScore").click(function () {
                var n = $("#homeGoal");
                n.val(Number(n.val()) + 1);
            });
            $("#incrementAwayScore").click(function () {
                var n = $("#awayGoal");
                n.val(Number(n.val()) + 1);
            });
        });

这会将消息添加到提要中

    function AddMessage(goal, teamNames, updates) {

        $('#divChatWindow').append('<div class="message"><span class="userName">' + teamNames + goal + '</span>: ' + updates + '</div>');
        $('#divUsersViewing').append('<div class=message"><span class="userName">' + teamNames + goal + '</span>: ' + updates + '</div>');
        $('#divViewScores').append('<div class=user>' + teamNames + goal + '</span></div>');
        var height = $('#divChatWindow')[0].scrollHeight;
        var height_ = $('#divUsersViewing')[0].scrollHeight;
        $('#divChatWindow').scrollTop(height);
    }

谢谢