在页面重新加载时隐藏图像

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、spring boot。

Answer 1

我会添加一个 answered 标志到spring服务中的数据模型。在渲染前端时，根据是否已回答，显示或隐藏每个块。