hocam basit bir örnek yaptım senin için bunu geliştirebilirsin kendine göre

<html>
<head>
    <title>Sandık Açma Oyunu</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="chest-container">
        <div id="chest" class="closed"></div>
        <button id="open-button">Sandığı Aç</button>
        <div id="message"></div>
    </div>
    <script src="script.js"></script>
</body>
</html>
#chest-container {
    text-align: center;
    padding-top: 50px;
}

#chest {
    width: 100px;
    height: 100px;
    background: url('closed-chest.png');
    margin: 0 auto;
    transition: transform 0.3s;
}

#chest.open {
    background: url('open-chest.png');
    transform: scale(1.1);
}

#open-button {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 16px;
}

#message {
    margin-top: 20px;
    font-size: 24px;
    color: gold;
    display: none;
}
document.getElementById('open-button').addEventListener('click', function() {
    var chest = document.getElementById('chest');
    var message = document.getElementById('message');

    chest.classList.add('open');
    message.style.display = 'block'; 
    message.innerHTML = '100 Altın Kazandınız!';
});