I am new to JS and learning about creating class and intance. I have a class like this:

class Monitor {
  constructor(
    name,
    color,
    size,
    buttonNumbers,
    producer,
    cableLength,
    cableType,
    powerOn
  )
  {
    this.name=name;
    this.color=color;
    this.size = size;
    this.buttonNumbers=buttonNumbers;
    this.producer=producer;
    this.cable ={
      length:cableLength,
      type: cableType,
    };
    this.powerOn=powerOn;
  }
    turnItOn(powerStatus){
      this.powerOn=powerStatus;
    }
    pressButton(buttonNo){
      this.buttonNumbers=buttonNo;
      console.log('button' + this.buttonNo +' has been pressed');
    }
  
}
export default Monitor;

And I have an instance of this class in another js file like this:

import Monitor from "./Backpack.js";
const halo = 'halo';
console.log(halo);
const computerMonitor = new Monitor(
    'Samsung', 'black', 21, 3, 'Samsung', 22, 'EU', false);
    
const markup = (computerMonitor) => {
  return `
  <div>
    <h3>${computerMonitor.name}</h3>
    <ul>
      <li>Volume: ${computerMonitor.size}</li>
      <li>Color: ${computerMonitor.color}</li>
      <li>Number of pockets: ${computerMonitor.buttonNumbers}</li>
      <li>Cable: Length: ${computerMonitor.cable.length}, Type: ${
    computerMonitor.cable.type} </li>
      <li>Power satus: ${computerMonitor.powerOn ? "On" : "Off"}</li>
    </ul>
  </div>
`;
};
const main = document.createElement("main");
main.innerHTML = markup(computerMonitor);
document.body.appendChild(main);```

I can not call the object "computerMoniter" on the console although the code works well. But I can not call the object: see picture below. For example when I type the object name "computerMoniter" into the console, it returns

"VM1932:1 Uncaught ReferenceError: computerMonitor is not defined at :1:1"

Can not access the class instance from console

My question is that how do I access the instance, in this case computerMonitor, on console? Thank you