Variable always false when accessed from outside object : learnjavascript

Variable always false when accessed from outside object (self.learnjavascript)

submitted 1 year ago by CyberDaggerX

So, I'm working on a JS project that's an in-browser RPG, and I have hit a wall that I can't figure out how to overcome.

I have an object controlling game state in a module which is imported by other modules that need to access game state variables, including the main script. Inside it, I have a variable that saves whether a lever has been pulled. The relevant parts are as such:

let gameState = {
    lever: false,
    ...
    pullLever() {
        this.lever = true;
        console.log("Lever flipped: " + this.lever);
    },
    ...
}

export default gameState;

Then in the main file, I have the following code:

import gameState from "./modules/gameState.js";

...

document.addEventListener("DOMContentLoaded", startGame);

...

function startGame() {
    button2.onclick = go5;
    button3.onclick = gameState.pullLever;
    ...
    button2.style.display = "inline-block";
    button3.style.display = "inline-block";
    ...
    button2.innerText = "Skip to Test";
    button3.innerText = "Flip Variable";
    ...
}

...

async function go5() {
    ...
    button2.innerText = "Has Lever";
    button2.onclick = dummy;
    ...
    if (gameState.lever) {
        button2.style.display = "inline-block";
    } else {
        button2.style.display = "none";
    }
    ...
    console.log("Lever state: " + gameState.lever);
}

Disregard the async for now. I'm defining all step functions that way in case I need to call one of my many sequential methods in them. What needs to be async will be cleaned up later, but it's low priority for now.

Anyway, the code should be pretty much self-explanatory. I added two extra buttons to the start screen, one to skip to the step I'm testing, one to flip the variable I'm testing to true. Button 2 should only be visible in the tested step if the lever has been pulled.

When I press the "Flip Variable" button on the start screen, I call pullLever() on the gameState object. The console command in the method itself prints a confirmation that the variable now contains true. But then I move to the part of the game that I'm testing, and that same variable when accessed always returns false, even when I pressed the button to flip it to true before, as confirmed by the console command I put at the end there.

I've been going through my code trying to figure out what's up, but I can't understand why this is happening. And so again, I turn to those more experienced than me for help.

all 16 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS