Скрывать изображение при перезагрузке страницы

Question

Я пытаюсь создать игру в стиле опасности, есть сетка блоков, и когда пользователь щелкает блок, его нужно перенаправить на страницу, где вы можете ответить на вопрос. Когда на вопрос будет дан ответ, пользователя необходимо перенаправить на предыдущую страницу, а выбранный им блок должен исчезнуть.

Ниже показан блок, который я пытаюсь скрыть с помощью функции onclick:

<div class="top1" id="lastWish1"><a onclick="hideLW1()" th:href="@{/answerQuestion?category=Last Wish Raid&value=100}"><img class="questionBlocks" th:src="@{_images/question1.jpg}"></a></div>

Ниже моя функция onclick:

lastWish1.onclick = function()
{
    lastWish1.style.display = 'none';
}

Это скрывает блок, когда я покидаю страницу, однако, когда я возвращаюсь на страницу, блок возвращается. Нужно ли мне использовать сеанс, чтобы скрыть этот блок? Есть другие предложения? Я использую в этом проекте java, HTML, javascript, весеннюю загрузку.

Answer 1

Я бы добавил флаг answered к модели данных в весеннем сервисе. При рендеринге внешнего интерфейса показывать или скрывать каждый блок в зависимости от того, был ли на него дан ответ.