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

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';
}

当我离开页面时，这确实隐藏了该块，但是当我 return 返回该页面时，该块又回来了。我是否需要使用会话来隐藏此块？还有其他建议吗？我正在使用 java、HTML、java脚本、spring 当前在这个项目中启动。

Answer 1

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