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

No:49353

←

Prev Next

→

Make an art gallery
Developer User21041｜Date and time 24/3/5 0:07:42
Build time 6.687 sec｜Game capacity 1.169KB｜

Script

Art Gallery Game

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Art Gallery Game</title>
  <style>
    body {
      background-color: #f0f0f0;
      text-align: center;
    }
    .gallery-item {
      width: 100px;
      height: 100px;
      display: inline-block;
      margin: 10px;
      cursor: pointer;
    }
    .gallery-item img {
      width: 100%;
      height: 100%;
      border-radius: 10px;
    }
  </style>
</head>
<body>
  <h1>Art Gallery Game</h1>
  <div id="gallery"></div>
  
  <script>
    const artworks = [
      '🎨', '🖼️', '🖌️', '🌆', '🏞️', '🖋️', '🖍️', '🖊️', '✏️', '📸', '🧷', '🖱️'
    ];
    
    const gallery = document.getElementById('gallery');
    
    artworks.forEach((artwork, index) => {
      const galleryItem = document.createElement('div');
      galleryItem.classList.add('gallery-item');
      galleryItem.innerHTML = `<img src="https://via.placeholder.com/100" alt="${artwork}" onclick="selectArtwork(${index})" />`;
      gallery.appendChild(galleryItem);
    });
    
    function selectArtwork(index) {
      alert(`You selected artwork ${artworks[index]}`);
    }
  </script>
</body>
</html>
```