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

No:20862

←

Prev Next

→

Pokemon
Developer User9184｜Date and time 23/10/11 14:33:49
Build time 106.127 sec｜Game capacity 3.695KB｜

Script

Sure, here's an example of a simple Pokemon-themed game implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for the Pokemon characters.

Pokemon Battle!

When you open this HTML file in a web browser, it will display three Pokemon images (Pikachu, Charizard, and Squirtle) as buttons. By clicking on one of the Pokemon, the game will randomly select an opponent's Pokemon, display both Pokemon in the battle log, and declare a winner based on a random chance. You can continue playing by selecting a different Pokemon.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's an example of a simple Pokemon-themed game implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for the Pokemon characters.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pokèmon!</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

#battle-log {
            margin: 20px auto;
            width: 300px;
            height: 200px;
            overflow-y: scroll;
            border: 1px solid #ccc;
            padding: 11px;
        }

#pokemon-images {
            margin-top: 10px;
        }

.pokemon-image {
            width: 100px;
            height: 100px;
            opacity: 0.7;
            cursor: pointer;
            transition: opacity 0.3s;
        }

.pokemon-image:hover {
            opacity: 1;
        }
    </style>
</head>
<body>
    <h1>Pokemon Battle!</h1>
    <div id="battle-log"></div>
    <div id="pokemon-images"></div>

// Game state
        let selectedPokemon;
        let opponentPokemon;

// Battle Log
        const battleLog = document.getElementById('battle-log');

// Pokemon Images
        const pokemonImages = document.getElementById('pokemon-images');

// Create Pokemon selection buttons
        pokemon.forEach((pokemon, index) => {
            const image = document.createElement('img');
            image.src = pokemon.image;
            image.alt = pokemon.name;
            image.classList.add('pokemon-image');
            image.addEventListener('click', () => selectPokemon(index));
            pokemonImages.appendChild(image);
        });

function selectPokemon(index) {
            selectedPokemon = pokemon[index];
            opponentPokemon = pokemon[Math.floor(Math.random() * pokemon.length)];

// Clear battle log
            battleLog.innerHTML = '';

// Display selected and opponent Pokemon
            displayPokemon(selectedPokemon, 'You selected:');
            displayPokemon(opponentPokemon, 'Opponent\'s Pokemon:');

// Start battle
            battle();
        }

function displayPokemon(pokemon, message) {
            const img = document.createElement('img');
            img.src = pokemon.image;
            img.alt = pokemon.name;

const p = document.createElement('p');
            p.textContent = message;

battleLog.appendChild(p);
            battleLog.appendChild(img);
        }

function battle() {
            const winner = Math.random() > 0.5 ? 'You' : 'Opponent';

const p = document.createElement('p');
            p.textContent = `${winner} won the battle!`;

battleLog.appendChild(p);
        }
    </script>
</body>
</html>
```