A synchronized solution to the Ordered Server Counter Example

synchronized-count.js

import { Mutex } from 'async-mutex';
import material from 'materialize-css/dist/js/materialize';

let count = 0;
let clientLock = new Mutex();

// Server Simulation
function processCommand() {
    count += 1;
    return count;
}

// Network Delay Simulation
async function serverDelay() {
    return new Promise(resolve => setTimeout(resolve, parseInt(Math.random() * 500)));
}

window.addEventListener('load', () => {
    document.getElementById("genToast").addEventListener('click', async () => {
        let release = await clientLock.acquire();
        await serverDelay();
        let number = processCommand()
        await serverDelay();
        
        material.toast({
            html: `<span style="font-size: 48px; padding: 2rem;">#${number}</span>`,
            displayLength: 1000
        });

        release();
    })
})