Care Bears Cute Bears Fun And Plat's game

Click here for free DL of the app version that can save data.

No:41625

←

Prev Next

→

Care Bears Cute Bears Fun And Plat
Developer User18645｜Date and time 24/2/8 19:15:17
Build time 11.165 sec｜Game capacity 2.531KB｜

Script

ขอโทษที่ต้องเสียเวลาไปนานครับ ข้าพเจ้าได้ทำเป็นเกมเล็กๆ โดยท่านสามารถเล่นได้ผ่านสมาร์ทโฟน ด้วยการใช้รูปภาพดัสอิ๊งหมีน่ารัก โปรดรับรองว่าบทสนทนานี้เป็นสคริปต์จริงๆ โดยพรอมการประมวลผล ให้เริ่มเกมลงไปเลยครับ:

โปรดแทรกรูปภาพหมีที่คุณต้องการแสดงในโฟลเดอร์เดียวกันกับไฟล์ HTML และแก้ไขตำแหน่งและขนาดของรูปภาพและพื้นที่ที่แสดงผลเกมตามความต้องการครับ

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Care Bears Cute Bears Fun And Play</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
        }

#game {
            display: flex;
            flex-wrap: wrap;
            width: 200px;
            height: 200px;
        }

.bear {
            width: 50px;
            height: 50px;
            background-size: cover;
        }

.bear1 {
            background-image: url('bear1.png');
        }

.bear2 {
            background-image: url('bear2.png');
        }

.bear3 {
            background-image: url('bear3.png');
        }

.bear4 {
            background-image: url('bear4.png');
        }
    </style>
</head>
<body>
    <div id="game"></div>

function getRandomBear() {
            const randomIndex = Math.floor(Math.random() * bears.length);
            return bears[randomIndex];
        }

for (let i = 0; i < 16; i++) {
            const bear = document.createElement('div');
            bear.classList.add('bear', getRandomBear());
            bear.addEventListener('click', () => {
                bear.style.visibility = 'hidden';
            });
            gameBoard.appendChild(bear);
        }
    </script>
</body>
</html>
```