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

No:26031

61

Make me a football manager game
Developer User12798｜Date and time 23/11/26 6:23:42
Build time 100.325 sec｜Game capacity 6.102KB｜

Sure! Here's a simple football manager game implemented as a single HTML file using JavaScript. Since you mentioned smartphone operation, I'll optimize it for mobile devices and use pictograms wherever possible. Copy and paste the code below into a new HTML file:

Football Manager Game

In this game, there are five teams and five randomly generated players. The players are displayed as pictograms, and you need to select 11 players to form your lineup. Once the lineup is complete, you can simulate the match, view the match results, and see the team standings. You can then proceed to the next matchday or end the game after a certain number of matchdays. Please note that for this code to work, you'll need to have the pictogram images (`emozi_all/pictogram.png`, `emozi_himawari.png`, etc.) in the same directory as the HTML file. Feel free to modify the code, add more features, or customize it according to your preferences. Enjoy your game!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple football manager game implemented as a single HTML file using JavaScript. Since you mentioned smartphone operation, I'll optimize it for mobile devices and use pictograms wherever possible. Copy and paste the code below into a new HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Football Manager Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 20px;
    }
    
    button {
      padding: 10px 20px;
      font-size: 16px;
      margin: 10px;
    }
    
    img {
      width: 100px;
      height: 100px;
      margin: 10px;
    }
  </style>
</head>
<body>
  <h1>Football Manager Game</h1>
  
  <button onclick="startGame()">Start Game</button>
  
  <div id="gameContainer" style="display: none;">
    <h2>Matchday 1</h2>
    <p>Select your lineup:</p>
    
    <div id="playersContainer">
      
    </div>
    
    <button onclick="simulateMatch()">Simulate Match</button>
    <button onclick="nextMatchday()">Next Matchday</button>
    
    <h3>Match Results:</h3>
    <div id="matchResults">
      
    </div>
    
    <h3>Team Standings:</h3>
    <div id="teamStandings">
      
    </div>
  </div>
  
  <script>
    // Player data
    var players = [
      { name: "Player 1", picture: "pictogram1.png" },
      { name: "Player 2", picture: "pictogram2.png" },
      { name: "Player 3", picture: "pictogram3.png" },
      { name: "Player 4", picture: "pictogram4.png" },
      { name: "Player 5", picture: "pictogram5.png" },
    ];
    
    // Team data
    var teams = [
      { name: "Team 1", points: 0 },
      { name: "Team 2", points: 0 },
      { name: "Team 3", points: 0 },
      { name: "Team 4", points: 0 },
      { name: "Team 5", points: 0 },
    ];
    
    // Selected lineup
    var lineup = [];
    
    function startGame() {
      document.getElementById("gameContainer").style.display = "block";
      displayPlayers();
    }
    
    function displayPlayers() {
      var playersContainer = document.getElementById("playersContainer");
      playersContainer.innerHTML = '';
      
      players.forEach(function(player) {
        var playerDiv = document.createElement("div");
        
        var playerImg = document.createElement("img");
        playerImg.src = player.picture;
        playerDiv.appendChild(playerImg);
        
        var playerName = document.createElement("span");
        playerName.textContent = player.name;
        playerDiv.appendChild(playerName);
        
        var selectButton = document.createElement("button");
        selectButton.textContent = "Select";
        selectButton.addEventListener("click", function() {
          selectPlayer(player);
        });
        playerDiv.appendChild(selectButton);
        
        playersContainer.appendChild(playerDiv);
      });
    }
    
    function selectPlayer(player) {
      if (lineup.length < 11) {
        lineup.push(player);
        document.getElementById("playersContainer").removeChild(event.target.parentNode);
      }
      
      if (lineup.length === 11) {
        document.querySelector("#playersContainer").style.display = "none";
        document.querySelector("#matchResults").innerHTML = "";
        simulateMatch();
      }
    }
    
    function simulateMatch() {
      var resultContainer = document.getElementById("matchResults");
      resultContainer.innerHTML = '';
      
      var matchResult = teams.map(function(team) {
        var randomNumber = Math.floor(Math.random() * 4); // Generating random score
        return { team: team.name, score: randomNumber };
      });
      
      matchResult.forEach(function(result) {
        var resultText = document.createElement("p");
        resultText.textContent = result.team + ": " + result.score;
        resultContainer.appendChild(resultText);
      });
      
      // Update team standings
      matchResult.forEach(function(match) {
        teams.forEach(function(team) {
          if (team.name === match.team)
            team.points += match.score;
        });
      });
      
      displayStandings();
    }
    
    function displayStandings() {
      var standingsContainer = document.getElementById("teamStandings");
      standingsContainer.innerHTML = '';
      
      teams.sort(function(a, b) {
        return b.points - a.points;
      });
      
      teams.forEach(function(team, index) {
        var teamName = document.createElement("p");
        teamName.textContent = (index + 1) + ". " + team.name + " - " + team.points + " points";
        standingsContainer.appendChild(teamName);
      });
    }
    
    function nextMatchday() {
      if (lineup.length < 11) {
        alert("Please select your lineup before proceeding to the next matchday!");
        return;
      }
      
      var currentMatchday = document.querySelector("h2").textContent;
      var nextMatchdayNum = parseInt(currentMatchday.split(" ")[1]) + 1;
      
      if (nextMatchdayNum > 5) {
        alert("The game has ended! Thanks for playing!");
        document.getElementById("gameContainer").style.display = "none";
      } else {
        document.querySelector("h2").textContent = "Matchday " + nextMatchdayNum;
        lineup = [];
        displayPlayers();
      }
    }
  </script>
</body>
</html>
```

In this game, there are five teams and five randomly generated players. The players are displayed as pictograms, and you need to select 11 players to form your lineup. Once the lineup is complete, you can simulate the match, view the match results, and see the team standings. You can then proceed to the next matchday or end the game after a certain number of matchdays.

Please note that for this code to work, you'll need to have the pictogram images (`pictogram1.png`, `pictogram2.png`, etc.) in the same directory as the HTML file. Feel free to modify the code, add more features, or customize it according to your preferences. Enjoy your game!