If I could send a message back in time to my past self, I'd send so many messages trying to fix regrets.
And somewhere, near the very bottom in priority, is a message to me 4 hours ago saying "the reason this doesn't work is because despite applying text-transform: uppercase to your input, Javascript still parses the string as whatever the user inputs in and you need to append .toUpperCase() to your variable."