Как отобразить случайное число в Socket.io?

В настоящее время я работаю над проектом, включающим Socket.io, и создаю приложение для чата. Я хотел бы отправить сообщение со входа после нажатия кнопки отправки, которое отобразит сообщение, а также отобразит случайный номер кости после нажатия другой кнопки.

Итак, проблема с этим кодом до сих пор заключается в том, что когда я нажимаю кнопку, которая должна генерировать случайное число, она просто пуста.

Я был бы рад любому совету, который я могу решить!

index.html

<div id = "messages"></div>
    <form id = "send-container">
        <input type = "text" id = "inputMessage" placeholder = "Aa">
        <button type = "submit" id = "send">Skicka meddelande</button>
        <button id = "roll">Kasta tärningen</button>
    </form>

main.js

const socket = io();
const messageForm = document.getElementById('send-container');
const messageContainer = document.getElementById('messages')
const inputMessage = document.getElementById('inputMessage');
const rollDice = document.getElementById('roll');

const userName = prompt('Vänligen skriv ditt användarnamn.')
showMessages('Välkommen! Du är nu ansluten till chatten!')
socket.emit('new-connection', userName)

socket.on('message', data => {
    showMessages(`${data.userName}: ${data.message}`);
});

socket.on('throw-dice', data => {
    showMessages(`${data.userName}: ${data.throw-dice}`);
});

socket.on('connected', userName => {
    showMessages(`${userName} har anslutit till chatten`);
});

socket.on('disconnected', userName => {
    showMessages(`${userName} har lämnat chatten`);
});

messageForm.addEventListener('submit', e => {
    e.preventDefault();
    const message = inputMessage.value;
    showMessages(`Du: ${message}`)
    socket.emit('send-message', message)
    inputMessage.value = '';
})

rollDice.addEventListener('click', () => {
    const randomNumber = "Du kastade tärningen och fick värdet: " + Math.floor(Math.random() * 6) + 1;
    socket.emit('throw-dice', randomNumber);
}, false)

function showMessages(message, randomNumber) {
    const diceElement = document.createElement('div')
    const messageElement = document.createElement('div')
    diceElement.innerText = randomNumber
    messageElement.innerText = message
    messageContainer.append(messageElement, diceElement);
}

сервер.js

const express = require("express");
const path = require('path');
const app = express();
const http = require('http');
const server = http.createServer(app);
const io = require('socket.io')(server);
const port = 3000;

const user = {}

app.use(express.static(path.join(__dirname + '/public')));

io.on('connection', (socket) => {
    console.info(`User with id ${socket.id} joined to the chat!`);

    socket.on('new-connection', userName => {
        user[socket.id] = userName
        socket.broadcast.emit('connected', userName)
    })

    socket.on('send-message', message => {
        socket.broadcast.emit('message', {
            message: message,
            userName: user[socket.id]
        })
    });

    socket.on('throw-dice', randomNumber => {
        socket.broadcast.emit('randomNumber', {
            message: randomNumber,
            userName: user[socket.id]
        })
    });

    socket.on('disconnect', () => {
        socket.broadcast.emit('disconnected', user[socket.id])
        delete user[socket.id]
        console.info(`User with id ${socket.id} left the chat!`);
    });
});

server.listen(port, () => {
    console.info(`Socket.IO server running at http://localhost:${port}/`);
});