XMLHttpRequest may not work with 'HEAD' method

[Armored-Dragon]

When creating a new XMLHttpRequest using our implementation, setting the method as "HEAD" will never let the request actually complete. The request seems to be perpetually in a "OPENED" state. I did a quick look at what I believe to be the relevant code and I did not see anything immediately jump out at me as an obvious blocker, though I didn't actually poke at anything.

Here is the code I used to attempt to use 'HEAD'

function fetch(url, options = {method: "GET"}) {
    return new Promise((resolve, reject) => {
        let req = new XMLHttpRequest();

        req.onreadystatechange = function () {
            console.log(req.readyState);        // Always "1"
            console.log(req.status);            // Always "0"

            if (req.readyState === req.DONE) {  // Never true
                if (req.status === 200) {
                    console.log("Success");
                    console.log("Content type:", req.getResponseHeader("content-type"));
                    resolve(req.response);
        
                } else {
                    console.log("Error", req.status, req.statusText);
                    reject();
                }
            }
        };

        req.open(options.method, url);
        req.send();
    });
}

Call this function with

fetch(URL, {method: METHOD})

Example:

fetch('https://adragon.dev/img/logos/armoreddragonpfp.png', {method: 'HEAD')

The above code works when I set the method to a "GET" request and preforms as expected.
I have also double checked that the resource I want to retrieve is accessible using https://httpfy.io/http-request-tester-online-tools/.