Не правильно срабатывает function js

подскажите пожалуйста В игре есть достижение, которое срабатывает когда пользователь сделает 100 кликов. После нажатия на достижение чтобы забрать наград присваивается True по умолчанию False

let bonusReceived = localStorage.getItem('bonusReceived') || false;

Когда присваивается True срабатывает скрипт и Самому блоку присваивается display="none" а к блоку об успешном выполнении достижения присваивается display="block"

Данная система работает. Но сейчас я работаю над сохранением данных с помощью localStorage Но получается так что когда новый пользователь заходит в игру у него по умолчанию False с этим проблем нет.

let bonusReceived = localStorage.getItem('bonusReceived') || false;

Но в разделе достижения где находится сама кнопка, срабатывает система которая должна сработать когда у пользователя будет True

let bonusReceived = localStorage.getItem('bonusReceived') || true;

КОД

let bonusReceived = localStorage.getItem('bonusReceived') || false; 

insertTextBR(bonusReceived);

function insertTextBR(bonusReceived) {
    let advancesButtonNone = document.getElementById("testdisplaynone");
    if (bonusReceived = localStorage.getItem('bonusReceived') || true) {
        advancesButtonNone.style.display  = "none";
    }
    let advancesButtonNone2 = document.getElementById("testdisplaynone_2");
    if (bonusReceived = localStorage.getItem('bonusReceived') || true) {
        advancesButtonNone2.style.display  = "block";
    }
}

function updateStorageBN(bonusReceived) {
    localStorage.setItem('bonusReceived', bonusReceived);
}

const advancesOne = () => {

    if (countclicks >= needClicksForBonus && bonusReceived === false) {
        advances_bl += 200;
        balance_bnb += 0.1;
        bonusReceived = true;
        document.getElementById('balance_bnb').innerText = balance_bnb.toFixed(3);

        let advancesButtonNone = document.getElementById("testdisplaynone");
        if (bonusReceived = true) {
            advancesButtonNone.style.display  = "none";
        }

        let advancesButtonNone2 = document.getElementById("testdisplaynone_2");
        if (bonusReceived = true) {
            advancesButtonNone2.style.display  = "block";
        }
    }

    let advancesButton = document.getElementById("advances_one_s");
    if (advances_bl <= 200) {
        advancesButton.style.opacity  = "0.4";
    }
}

document.getElementById('advances_one_s').addEventListener('click', advancesOne)

Ответы (0 шт):