JS用户输入功能

Question

所以我正在使用当前发送和接收消息的js运行在线聊天功能，并且在用户离开或加入时右上角有一个用户计数。我需要帮助制作一个可以提交名称的js功能，并将其保存并将其与您自己的消息一起打印。 我目前在chat.js上的代码 -

var WebSocketServer = require("ws").Server;
var wss = new WebSocketServer({port:3030});
var msgArray = new Array();
wss.on("connection", function(client) {

    client.on("message", function(message) {
        wss.clients.forEach(function(client) {
            sendChat(client, message);
        });
        msgArray.push(message); 
    });

    sendChat(client, `Welcome to chat :)`);
    sendUC();
    msgArray.forEach(function(item) {
        sendChat(client, item);
    })
});


function sendChat(client, message) {
    var msg = ["chat", message];
    client.send(JSON.stringify(msg));
}
function sendUC(){
    wss.clients.forEach(function(client){
        var UCmsg = ["uc",wss.clients.size];
        client.send(JSON.stringify(UCmsg));
    });
}

我在client.js上的当前代码 -

var ws = new WebSocket("ws://jg.codesphere.net:3030");

ws.onmessage = function (payload) {
    var msg = JSON.parse(payload.data);
    if (msg[0] == "chat") {
        addMessage(msg[1]);
    }
    if (msg[0] == "uc") {
        addMessage("Another user joined");
        adduc(msg[1]);
    }
};


$(function () {
    document.forms[0].onsubmit = function () {
        var input = $("input#message").val();
        $("input#message").val('');
        ws.send(input);
    };
});

function User() {

}

function addMessage(m) {
    var html = "<p>" + m + "</p>";
    $("div#messages").append(html);
}

function adduc(m) {
    var html = "<p>" + m + "</p>";
    $("span#1").html(m + " users online");
}

所以我需要帮助我可以调用用户输入函数以及如何创建函数。