Listener not working

[TmtoSouper]

Hello, I haven't written JavaScript (or any code for that matter) in a couple years. I'm attempting to create a webpage that is designed to respond to Midi data from Ableton Live. I have my virtual Midi bus that I'm sending from ableton but my listeners just aren't picking it up, which is odd, because I copied the code directly from the Webmidi website. Here's the relevant, if godawful and messy, code:

// Enable WEBMIDI.js and trigger the onEnabled() function when ready
WebMidi.enable().then(onEnabled).catch(err => alert(err));
    
// Function triggered when WEBMIDI.js is ready
function onEnabled() {
    // Display available MIDI input devices
    if (WebMidi.inputs.length < 1) {
    document.body.innerHTML+= "No device detected.";
    } else {
    WebMidi.inputs.forEach((device, index) => {
        console.log(`${index}: ${device.name}`);
    });
    }
}

let colour;
let neuron;
const colourDict = {65: "rgb(255, 255, 255)", 66: "green"};
const neuronChannel = {1: "n1", 2: "n2"};
const myInput = WebMidi.getInputByName("loopMIDI Port");

myInput.addListener("noteon", function(e) {
    console.log(e.note.identifier);
})

When I run this code, it picks up on the loopMidi bus but when I press play on the Ableton session it's giving me nothing. I've used MidiOx to check whether the Midi is going through (it is) and I'm just really stumped as to why it's not working. I've used other apps that use WebMidi as well, and they've worked fine. Sorry again if the answer is super obvious! I'm running my program on the latest version of Chrome.
Here's a picture of the console, while I have my Ableton session playing:

No information being presented whatsoever.
Thank you for reading and thanks in advance for your help!

[TmtoSouper]

Never mind, I figured out that the getInputByName wasn't actually getting the input I want