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

No:10871

A game that simulates the boardroom of the TV show..ALL
Developer User4699｜Date and time 23/8/5 1:24:54
Build time 46.638 sec｜Game capacity 5.383KB｜

Script

Koh Lanta Simulator

Joueurs

Joueur 1

Joueur 2

Joueur 3

Joueur 4

Joueur 5

Joueur 6

Joueur 7

Joueur 8

Joueur 9

Joueur 10

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Koh Lanta Simulator</title>
    <style>
        body {
            background-color: #f1f3f6;
            font-family: Arial, sans-serif;
        }
        h1 {
            text-align: center;
            color: #333;
        }
        #dashboard {
            width: 300px;
            margin: 0 auto;
            text-align: center;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        .player {
            margin-bottom: 10px;
        }
        .player img {
            width: 50px;
            height: 50px;
        }
        .player span {
            display: block;
            margin-top: 5px;
            font-size: 12px;
        }
        #actions {
            text-align: center;
            margin-top: 20px;
        }
        button {
            padding: 10px 20px;
            margin: 0 5px;
            font-size: 14px;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        button:disabled {
          opacity: 0.5;
          cursor: not-allowed;
        }
    </style>
</head>
<body>
    <h1>Koh Lanta Simulator</h1>

<div id="dashboard">
        <h2>Joueurs</h2>
        <div id="players">
            <div class="player">
                <img src="pictogram1.png" alt="Joueur 1">
                <span>Joueur 1</span>
            </div>
            <div class="player">
                <img src="pictogram2.png" alt="Joueur 2">
                <span>Joueur 2</span>
            </div>
            <div class="player">
                <img src="pictogram3.png" alt="Joueur 3">
                <span>Joueur 3</span>
            </div>
            <div class="player">
                <img src="pictogram4.png" alt="Joueur 4">
                <span>Joueur 4</span>
            </div>
            <div class="player">
                <img src="pictogram5.png" alt="Joueur 5">
                <span>Joueur 5</span>
            </div>
            <div class="player">
                <img src="pictogram6.png" alt="Joueur 6">
                <span>Joueur 6</span>
            </div>
            <div class="player">
                <img src="pictogram7.png" alt="Joueur 7">
                <span>Joueur 7</span>
            </div>
            <div class="player">
                <img src="pictogram8.png" alt="Joueur 8">
                <span>Joueur 8</span>
            </div>
            <div class="player">
                <img src="pictogram9.png" alt="Joueur 9">
                <span>Joueur 9</span>
            </div>
            <div class="player">
                <img src="pictogram10.png" alt="Joueur 10">
                <span>Joueur 10</span>
            </div>
        </div>
        <div id="actions">
            <button id="start-btn">Commencer</button>
            <button id="vote-out-btn" disabled>Éliminer</button>
            <button id="play-advantage-btn" disabled>Jouer un avantage</button>
        </div>
    </div>

var isGameStarted = false;

startBtn.addEventListener('click', function() {
            isGameStarted = true;
            startBtn.disabled = true;
            voteOutBtn.disabled = false;
            playAdvantageBtn.disabled = false;
        });

players.forEach(function(player) {
            player.addEventListener('click', function() {
                if (isGameStarted) {
                    player.classList.toggle('selected');
                }
            });
        });

voteOutBtn.addEventListener('click', function() {
            var selectedPlayers = document.querySelectorAll('.player.selected');
            if (selectedPlayers.length === 0) {
                alert('Veuillez sélectionner au moins un joueur à éliminer.');
            } else {
                selectedPlayers.forEach(function(player) {
                    player.remove();
                });
                alert(selectedPlayers.length + ' joueur(s) éliminé(s).');
                if (players.length <= 2) {
                    voteOutBtn.disabled = true;
                }
            }
        });

playAdvantageBtn.addEventListener('click', function() {
            var availablePlayers = document.querySelectorAll('.player');
            if (availablePlayers.length < 10) {
                var newPlayer = document.createElement('div');
                newPlayer.className = 'player';
                newPlayer.innerHTML = '<img src="pictogram.png" alt="Nouveau Joueur"><span>Nouveau Joueur</span>';
                document.getElementById('players').appendChild(newPlayer);
                alert('Avantage joué. Un nouveau joueur a rejoint la partie.');
                if (availablePlayers.length >= 9) {
                    playAdvantageBtn.disabled = true;
                }
            } else {
                alert('Les joueurs sont au complet. Avantage non disponible.');
            }
        });
    </script>
</body>
</html>