So I have an idea of creating a web game and the player must filled the name before starting the game. and also when player finished the game, I want to reward them with a poster with their name in it, so I already design a poster with a space to put their name in but I still don't know how to do it. here's my code
let name = "Peter"body {
text-align:center;
}<body>
<h1 id="thanks for playing" > Thanks for playing! </h1>
<img id="img" src="https://images.unsplash.com/photo-1639353014154-8b9da8815d84?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80"> <br> /*------ There will be a name in the photo but idk how to do it ----------*/
<button> Download!</button>
</body>
</html>