使用HTML和javascript在多个HTML页面上显示配置文件图片

我正在开发一款有4个关卡和主页的游戏。在主页中，用户通过选择单选按钮选择4个图像中的一个（此页面上有4个图像）。此选定图像应在所有级别显示（如您可以说的配置文件图片）。但当用户在任何一个级别失败时，他会登陆到主页（显然，他应该能够选择新的图像），并且选择的图像将不再显示

我只用HTML和javascript开发这个游戏。有可能用HTML和javascript实现吗？如果没有，那么我知道php的基本知识，如果它可以用php实现的话

<input type="radio" name="profile" value="boy1" style="margin-left:40px;" onclick="location.href = 'firsta.html';"> 
<img style="margin-left:25px;" src="boy01.png" width="200" height="200" />

<input type="radio" name="profile" value="boy2" style="margin-left:40px;" onclick="location.href = 'firsta.html';"> 
<img style="margin-left:25px;" src="boy02.png" width="200" height="200" />

<input type="radio" name="profile" value="girl1" style="margin-left:40px;" onclick="location.href = 'firsta.html';"> 
<img style="margin-left:25px;" src="girl01.png" width="200" height="200" />

<input type="radio" name="profile" value="girl2" style="margin-left:40px;" onclick="location.href = 'firsta.html';"> 
<img style="margin-left:25px;" src="girl02.png" width="200" height="200" />

---

您可以将所选图像的文件名设置为localStorage（或Cookie），然后在需要时再次读取

<input type="radio" name="profile" value="boy1.png" style="margin-left:40px;" onclick="chooseProfile(this.value, 'firsta.html')"> 
<img style="margin-left:25px;" src="boy01.png" width="200" height="200" />

然后，当您想阅读时：

document.getElementById('profileImage').src = localStorage.profilePic;

---

请提供代码和更多信息。当我使用document.getElementById检索时，我无法在下一页上看到图像。但当我使用警报框时，会显示图像值。因此，值将被传递到下一页，但不会显示。您需要首先在html中添加一个ID为“profileImage”的占位符图像。e、 g.

非常感谢。工作很好。再次非常感谢

document.getElementById('profileImage').src = localStorage.profilePic;