WSS Request Not Sending using core Javascript

Here is my js code i’m getting error like this, i want to send request like i do in ajax or XHR. Please help me to fix this it takes mine more than 10 hour to fix this code.

(index):595 WebSocket error: 
Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}```
Here is my javascript code

async function sendRequestToServer(url, itag) {
    var encodedUrl = encodeURIComponent(url);
    var socket = new WebSocket("wss://18.202.32.143:3000/download?url=" + encodedUrl + "&itag=" + itag);
    socket.onopen = function() {
        console.log('WebSocket connection opened');
        $('#progressModal').show();
        var request = JSON.stringify({ url: url, itag: itag });
        socket.send(request);
    };
    socket.onmessage = function(event) {
        console.log('WebSocket message received:', event.data);
        var response = JSON.parse(event.data);
        if (response.status === 'success') {
            $('#progressimg, #progresstitle').hide();
            $('#dld_btn').attr('href', response.output).show();
            Swal.fire({
                icon: 'success',
                title: 'Download Complete',
                text: 'Your download has completed successfully.'
            });
        }
    };
    socket.onerror = function(error) {
        console.error('WebSocket error:', error);
        Swal.fire({
            icon: 'error',
            title: 'Error',
            text: 'An error occurred while starting the download.'
        });
    };
    socket.onclose = function() {
        console.log('WebSocket connection closed');
    };
}

How can i send request like XHR?