js

javascript

<script>
    const transportType = signalR.TransportType.WebSockets;
    const http = new signalR.HttpConnection(`http://${document.location.host}/chat`, { transport: transportType });
    const connection = new signalR.HubConnection(http);
    connection.start();
    connection.on('Send', (name, message) => {
        appendLine(name, message);
    });
	
    document.getElementById('form-send').addEventListener('submit', event => {
        let message = $('#message').val();
	    let name = $('#user-name').text();
        $('#message').val('');
        connection.invoke('Send', name, message);
        event.preventDefault();
    });
	
    function appendLine(name, message) {
	    let msg = name +': ' + message;
        let li = document.createElement('li');
        li.innerText = msg;
        document.getElementById('messages').appendChild(li);
    };

	function goChat(){
	 let name = $('#nick').val();
	 $('#user-name').text(name);
	 $('#name-form').hide();
	 $('#chat').show();
	};
</script>