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

No:12019

←

Prev Next

→

Cash or duel
Developer User5022｜Date and time 23/8/13 14:59:15
Build time 18.834 sec｜Game capacity 2.835KB｜

Script

Saya adalah seorang programmer dan saya akan membuatkan permainan untuk Anda menggunakan piktogram dan beroperasi pada smartphone. Berikut adalah contoh implementasi game menggunakan JavaScript yang dapat dimainkan dan dikemas dalam satu file HTML:

Game Piktogram

Klik pada piktogram berikut untuk memainkan game!

🌞 🌈 🍕 🚀

Permainan ini akan menampilkan beberapa piktogram dan Anda dapat memilih salah satunya dengan mengkliknya. Setelah Anda memilih piktogram, permainan akan dimulai dan pesan akan ditampilkan di atasnya.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Game Piktogram</title>
  <style>
    /* Tambahkan styling tambahan jika diperlukan */

body {
      text-align: center;
      font-family: Arial, sans-serif;
    }

.pictogram {
      font-size: 40px;
      padding: 20px;
      display: inline-block;
      cursor: pointer;
    }

.selected {
      background-color: #f5f5f5;
    }

#gameResult {
      font-size: 24px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Game Piktogram</h1>
  <p>Klik pada piktogram berikut untuk memainkan game!</p>

// Mendapatkan semua elemen dengan kelas pictogram
    const pictograms = document.querySelectorAll('.pictogram');

// Menambahkan event listener untuk setiap piktogram
    pictograms.forEach(pictogram => {
      pictogram.addEventListener('click', () => {
        // Menghapus status selected dari piktogram sebelumnya
        if (selectedPictogram) {
          selectedPictogram.classList.remove('selected');
        }
        
        // Menandai piktogram yang baru dipilih dan menyimpannya dalam variabel selectedPictogram
        selectedPictogram = pictogram;
        selectedPictogram.classList.add('selected');
      });
    });

// Fungsi untuk memulai permainan
    function startGame() {
      // Cek apakah piktogram sudah dipilih sebelum memulai permainan
      if (selectedPictogram) {
        document.getElementById('gameResult').textContent = `Anda memilih: ${selectedPictogram.textContent}! Selamat bermain!`;
      } else {
        document.getElementById('gameResult').textContent = 'Pilih salah satu piktogram sebelum memulai permainan!';
      }
    }

// Memanggil fungsi startGame ketika halaman selesai dimuat
    document.addEventListener('DOMContentLoaded', () => {
      startGame();
    });
  </script>
</body>
</html>
```