MEDLab
/
MonopolyLedger


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
							<!DOCTYPE html>
<html>
<head>
  <title>Monopoly Ledger</title>
</head>
<body>
  <h1>Monopoly Ledger</h1>

  <div id="setup">
    <h2>Setup</h2>
    <label for="numPlayers">Number of Players:</label>
    <input type="number" id="numPlayers">
    <br>
    <label for="startingValue">Starting Value:</label>
    <input type="number" id="startingValue">
    <br>
    <button onclick="initialize()">Set</button>
  </div>

  <div id="balances">
    <h2>Balances</h2>
    <div id="output"></div>
  </div>
  
  <div id="transactions">

    <h2>Transactions</h2>
    
    <form id="transactions" onsubmit="event.preventDefault();">
      <label for="fromAcc">From:</label>
      <select id="fromAcc">
        <option value="pot">Pot</option>
        <option value="bank">Bank</option>
        <!-- Generate player options dynamically -->
      </select>
      <br>
      <label for="toAcc">To:</label>
      <select id="toAcc">
        <option value="pot">Pot</option>
        <option value="bank">Bank</option>
        <!-- Generate player options dynamically -->
        <option value="all">All</option>
      </select>
      <br>
      <label for="amount">Amount:</label>
      <input type="number" id="amount">
      <br>
      <button onclick="sendMoney()">Send</button>
    </form>

  </div>
  
  <!-- Add property list -->
  <div id="propertyList">
    <h2>Properties</h2>
    <ul id="propertyItems"></ul>
  </div>

  <script>
    var numPlayers = 0;
    var accounts = [];

// Property list data
var properties = [
  // Brown Properties
  { name: "Mediterranean Avenue", owner: "none", improvements: false, price: 60 },
  { name: "Baltic Avenue", owner: "none", improvements: false, price: 60 },
  
  // Light Blue Properties
  { name: "Oriental Avenue", owner: "none", improvements: false, price: 100 },
  { name: "Vermont Avenue", owner: "none", improvements: false, price: 100 },
  { name: "Connecticut Avenue", owner: "none", improvements: false, price: 120 },
  
  // Pink Properties
  { name: "St. Charles Place", owner: "none", improvements: false, price: 140 },
  { name: "States Avenue", owner: "none", improvements: false, price: 140 },
  { name: "Virginia Avenue", owner: "none", improvements: false, price: 160 },
  
  // Orange Properties
  { name: "St. James Place", owner: "none", improvements: false, price: 180 },
  { name: "Tennessee Avenue", owner: "none", improvements: false, price: 180 },
  { name: "New York Avenue", owner: "none", improvements: false, price: 200 },
  
  // Red Properties
  { name: "Kentucky Avenue", owner: "none", improvements: false, price: 220 },
  { name: "Indiana Avenue", owner: "none", improvements: false, price: 220 },
  { name: "Illinois Avenue", owner: "none", improvements: false, price: 240 },
  
  // Yellow Properties
  { name: "Atlantic Avenue", owner: "none", improvements: false, price: 260 },
  { name: "Ventnor Avenue", owner: "none", improvements: false, price: 260 },
  { name: "Marvin Gardens", owner: "none", improvements: false, price: 280 },
  
  // Green Properties
  { name: "Pacific Avenue", owner: "none", improvements: false, price: 300 },
  { name: "North Carolina Avenue", owner: "none", improvements: false, price: 300 },
  { name: "Pennsylvania Avenue", owner: "none", improvements: false, price: 320 },
  
  // Dark Blue Properties
  { name: "Park Place", owner: "none", improvements: false, price: 350 },
  { name: "Boardwalk", owner: "none", improvements: false, price: 400 },
  
  // Railroads
  { name: "Reading Railroad", owner: "none", improvements: false, price: 200 },
  { name: "Pennsylvania Railroad", owner: "none", improvements: false, price: 200 },
  { name: "B. & O. Railroad", owner: "none", improvements: false, price: 200 },
  { name: "Short Line Railroad", owner: "none", improvements: false, price: 200 },
  
  // Utilities
  { name: "Electric Company", owner: "none", improvements: false, price: 150 },
  { name: "Water Works", owner: "none", improvements: false, price: 150 }
  // Add more properties as needed
];


    function printBalances() {
      var output = document.getElementById("output");
      output.innerHTML = "";
      accounts.forEach(function(account) {
        output.innerHTML += account[0] + ": " + account[1] + "<br>";
      });
    }

    function initialize() {
        var numPlayersInput = document.getElementById("numPlayers");
        var startingValueInput = document.getElementById("startingValue");

        numPlayers = parseInt(numPlayersInput.value);
        var startingValue = parseInt(startingValueInput.value);

        if (numPlayers < 2 || isNaN(numPlayers) || isNaN(startingValue)) {
            alert("Invalid input. Please enter a valid number of players and starting value.");
            return;
        }

        accounts = [];
        var initialProperties = [...properties]; // Copy the initial properties

        accounts.push(["Pot", 0]);
        for (var i = 1; i <= numPlayers; i++) {
            accounts.push(["Player " + i, startingValue]);
        }

        properties = [...initialProperties]; // Restore the initial properties

        resetPropertyOwners();
        generatePropertyList();

        printBalances();
        generatePlayerOptions();

        numPlayersInput.value = "";
        startingValueInput.value = "";
    }

    function resetPropertyOwners() {
    // Reset property owners to "none"
      for (var i = 0; i < properties.length; i++) {
        properties[i].owner = "none";
      }
    }

    function generatePlayerOptions() {
      var fromAccSelect = document.getElementById("fromAcc");
      var toAccSelect = document.getElementById("toAcc");

      // Clear existing options
      fromAccSelect.innerHTML = "";
      toAccSelect.innerHTML = "";

      // Add options for Pot and Bank
      var potOption = document.createElement("option");
      potOption.value = "pot";
      potOption.text = "Pot";
      fromAccSelect.add(potOption.cloneNode(true));
      toAccSelect.add(potOption.cloneNode(true));

      var bankOption = document.createElement("option");
      bankOption.value = "bank";
      bankOption.text = "Bank";
      fromAccSelect.add(bankOption.cloneNode(true));
      toAccSelect.add(bankOption.cloneNode(true));

      // Add player options
      for (var i = 1; i <= numPlayers; i++) {
        var playerOption = document.createElement("option");
        playerOption.value = i.toString();
        playerOption.text = "Player " + i;
        fromAccSelect.add(playerOption.cloneNode(true));
        toAccSelect.add(playerOption.cloneNode(true));
      }

      // Add option for "All" to the "To" dropdown
      var allOption = document.createElement("option");
      allOption.value = "all";
      allOption.text = "All";
      toAccSelect.add(allOption.cloneNode(true));
    }

    function generatePropertyList() {
      var propertyItems = document.getElementById("propertyItems");
      propertyItems.innerHTML = ""; // Clear existing property list
      
      properties.forEach(function(property) {
        var listItem = document.createElement("li");
        listItem.innerHTML = `
          ${property.name}
          <select class="ownershipDropdown" onchange="updateOwnership(this.value, '${property.name}')">
            <option value="none">None</option>
            ${generatePlayerOptionsHTML()}
          </select>
        `;
        propertyItems.appendChild(listItem);
      });
    }

    function generatePlayerOptionsHTML() {
      var optionsHTML = "";

      for (var i = 1; i <= numPlayers; i++) {
        optionsHTML += `<option value="Player ${i}">Player ${i}</option>`;
      }

      return optionsHTML;
    }

    function updateOwnership(player, propertyName) {
      properties.forEach(function(property) {
        if (property.name === propertyName) {
          property.owner = player;
          return;
        }
      });
    }

    function sendMoney() {
      var fromAcc = document.getElementById("fromAcc").value;
      var toAcc = document.getElementById("toAcc").value;
      var amount = parseInt(document.getElementById("amount").value);

      // DEBIT
      if (fromAcc !== "bank") {
        if (fromAcc === "pot") {
          fromAcc = 0;
        } else {
          fromAcc = parseInt(fromAcc);
        }
        accounts[fromAcc][1] -= amount;
      }

      // CREDIT
      if (toAcc !== "bank") {
        if (toAcc === "all") {
          var remainder = amount;
          var i = 1;
          while (remainder > 0) {
            if (i !== fromAcc) {
              remainder -= 1;
              accounts[i][1] += 1;
            }
            i = (i % numPlayers) + 1;
          }
        } else {
          if (toAcc === "pot") {
            toAcc = 0;
          } else {
            toAcc = parseInt(toAcc);
          }
          accounts[toAcc][1] += amount;
        }
      }
      printBalances();
    }

  </script>
</body>
</html>