How to call or access a class method in JavaScript from the browser's console?

I am learning JavaScript and ran into a problem that's probably not a big deal for a more experienced eye, but it got me puzzled. So, here is a very basic example of what I'm doing. I got two files, guitars.js and script.js.

guitar.js:

class Guitars {
    constructor(brand, model, type) {
        this.brand = brand;
        this.model = model;
        this.type = type;
    }

    changeDetails(newBrand, newModel, newType) {
        this.brand = newBrand;
        this.model = newModel;
        this.type = newType;
    }
}
export default Guitars

script.js:

import Guitars from "./guitars.js";

const newGuitar = new Guitars ("Epiphone", "Les Paul", "electric")

console.log("The new guitar: ", newGuitar)

I have this in an html file, like so:

<script type="module" src="guitars.js" defer></script>
<script type="module" src="script.js" defer></script>

When I open the console in the browser I can see that the object is created, along with all its properties, but how can I access/call that changeDetails() method?

When I put everything in the same file, I can access everything by typing:

newGuitar.changeDetails()

and it works fine. When I divide it into modules I cannot do anything.

If someone could help me with this I'd very much appreciate.

Thanks in advance.

Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW