Стратегия захват городов's game

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

No:22326

←

Prev Next

→

Стратегия захват городов
Developer User7805｜Date and time 23/10/22 7:17:00
Build time 38.411 sec｜Game capacity 2.634KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Стратегия захвата городов</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .city {
            width: 100px;
            height: 100px;
            border: 2px solid #000;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            cursor: pointer;
        }
        .selected {
            background-color: #ffcc00;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div class="city" id="city1"></div>
        <div class="city" id="city2"></div>
        <div class="city" id="city3"></div>
        <div class="city" id="city4"></div>
    </div>

function selectCity(cityId) {
            if (selectedCity) {
                document.getElementById(selectedCity).classList.remove("selected");
            }
            selectedCity = cityId;
            document.getElementById(selectedCity).classList.add("selected");
        }

function conquerCity(cityId) {
            if (!selectedCity) {
                alert("Выберите город для завоевания!");
                return;
            }
            if (cityId === selectedCity) {
                alert("Нельзя завоевать свой собственный город!");
                return;
            }

var targetCity = document.getElementById(cityId);
            targetCity.classList.remove("selected");
            targetCity.style.backgroundColor = "#ff0000";

var selectedCityElem = document.getElementById(selectedCity);
            selectedCityElem.classList.remove("selected");
            selectedCityElem.style.backgroundColor = "#ffffff";

selectedCity = null;
        }

document.getElementById("city1").addEventListener("click", function() {
            selectCity("city1");
        });

document.getElementById("city2").addEventListener("click", function() {
            selectCity("city2");
        });

document.getElementById("city3").addEventListener("click", function() {
            selectCity("city3");
        });

document.getElementById("city4").addEventListener("click", function() {
            selectCity("city4");
        });
    </script>
</body>
</html>