Chip Tycoon

Chip Tycoon

Get Potato 🍠

Potatoes: 0

Peel the Potato 🥔

Peeled Potatoes: 0

Fry the Potato 🍟

Fried Chips: 0

Pack Potato Chips 📦

Packed Chips: 0

Give to Tester 👨‍🔬

Give to Business 🏢

Money: $0

Workers 👷‍♀️👷‍♂️

Farmers 👩‍🌾

Cost to Hire: $10

Farmers: 0

Production: 0 potatoes/sec

Website Customization 🌐

Themes

Referral Link

Music

Music Integration (Placeholder)

Progress Tracker

Potatoes: 0

Peeled Potatoes: 0

Fried Chips: 0

Packed Chips: 0

Money: $0

Farmers: 0

Rob Mode

body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f4f4f4; margin: 0; } .container { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; width: 90%; max-width: 800px; } .tab-container { display: flex; flex-wrap: wrap; /* Allow tabs to wrap on smaller screens */ justify-content: center; /* Center tabs */ margin-bottom: 20px; gap: 5px; /* Add space between tabs */ } .tab { padding: 10px 15px; /* Adjust padding */ border: none; background-color: #e0e0e0; cursor: pointer; border-radius: 5px 5px 0 0; font-size: 14px; /* Adjust font size */ } .tab.active { background-color: #ddd; } .tab-content { padding: 20px; border: 1px solid #ddd; border-radius: 0 0 8px 8px; text-align: left; /* Align content left */ } .tab-content h2, .tab-content h3 { text-align: center; /* Center headings */ margin-top: 0; } button { padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; border-radius: 5px; font-size: 16px; margin-top: 10px; display: inline-block; /* Ensure buttons are inline-block */ } button:hover { background-color: #45a049; } .alert-container { margin-top: 20px; min-height: 1.2em; /* Reserve space for alert */ } #alertMessage { color: green; font-weight: bold; display: none; /* Hide by default */ } .themes { display: flex; gap: 10px; margin-bottom: 10px; justify-content: center; /* Center theme buttons */ } .theme-btn { padding: 8px 15px; border: none; cursor: pointer; border-radius: 5px; color: white; } .theme-btn[data-theme="red"] { background-color: #f44336; /* Material Red */ } .theme-btn[data-theme="blue"] { background-color: #2196F3; /* Material Blue */ } .theme-btn[data-theme="green"] { background-color: #4CAF50; /* Material Green */ } .theme-btn[data-theme="custom"] { background-color: #9C27B0; /* Material Purple - Example custom color */ } #referralLink { padding: 8px; border-radius: 5px; border: 1px solid #ccc; width: calc(100% - 18px); /* Adjust width considering padding and border */ margin-bottom: 10px; display: block; /* Make input a block element */ margin-left: auto; margin-right: auto; text-align: center; } .worker-section { border: 1px solid #eee; padding: 15px; margin-bottom: 15px; border-radius: 5px; text-align: center; /* Center worker section content */ } .worker-section h3 { margin-top: 0; margin-bottom: 10px; } .worker-section p { margin: 5px 0; } document.addEventListener('DOMContentLoaded', () => { const tabs = document.querySelectorAll('.tab'); const tabContents = document.querySelectorAll('.tab-content'); const alertMessage = document.getElementById('alertMessage'); let potatoCount = 0; let peeledPotatoCount = 0; let friedChipsCount = 0; let packedChipsCount = 0; let moneyCount = 0; let farmerCount = 0; // New worker count const potatoCountSpan = document.getElementById('potatoCount'); const peeledPotatoCountSpan = document.getElementById('peeledPotatoCount'); const friedChipsCountSpan = document.getElementById('friedChipsCount'); const packedChipsCountSpan = document.getElementById('packedChipsCount'); const moneyCountSpan = document.getElementById('moneyCount'); const farmerCountSpan = document.getElementById('farmerCount'); // New worker span const farmerProductionSpan = document.getElementById('farmerProduction'); // New production span const websitePotatoCountSpan = document.getElementById('websitePotatoCount'); const websitePeeledPotatoCountSpan = document.getElementById('websitePeeledPotatoCount'); const websiteFriedChipsCountSpan = document.getElementById('websiteFriedChipsCount'); const websitePackedChipsCountSpan = document.getElementById('websitePackedChipsCount'); const websiteMoneyCountSpan = document.getElementById('websiteMoneyCount'); const websiteFarmerCountSpan = document.getElementById('websiteFarmerCount'); // New website worker span function updateUI() { potatoCountSpan.textContent = potatoCount; peeledPotatoCountSpan.textContent = peeledPotatoCount; friedChipsCountSpan.textContent = friedChipsCount; packedChipsCountSpan.textContent = packedChipsCount; moneyCountSpan.textContent = moneyCount; farmerCountSpan.textContent = farmerCount; farmerProductionSpan.textContent = farmerCount * 0.1; // Example production rate updateWebsiteProgress(); } function updateWebsiteProgress() { websitePotatoCountSpan.textContent = potatoCount; websitePeeledPotatoCountSpan.textContent = peeledPotatoCount; websiteFriedChipsCountSpan.textContent = friedChipsCount; websitePackedChipsCountSpan.textContent = packedChipsCount; websiteMoneyCountSpan.textContent = moneyCount; websiteFarmerCountSpan.textContent = farmerCount; // Update other website stats here } function showAlert(message) { alertMessage.textContent = message; alertMessage.style.display = 'block'; setTimeout(() => { alertMessage.style.display = 'none'; }, 3000); // Hide after 3 seconds } tabs.forEach(tab => { tab.addEventListener('click', () => { tabs.forEach(t => t.classList.remove('active')); tabContents.forEach(content => content.style.display = 'none'); tab.classList.add('active'); const tabId = tab.getAttribute('data-tab'); document.getElementById(tabId).style.display = 'block'; }); }); // Initial UI update updateUI(); // Core Gameplay Loop Buttons document.getElementById('getPotatoBtn').addEventListener('click', () => { potatoCount++; updateUI(); showAlert("Click to get a potato! 🍠"); }); document.getElementById('peelPotatoBtn').addEventListener('click', () => { if (potatoCount > 0) { potatoCount--; peeledPotatoCount++; updateUI(); } else { showAlert("No potatoes to peel!"); } }); document.getElementById('fryPotatoBtn').addEventListener('click', () => { if (peeledPotatoCount > 0) { peeledPotatoCount--; friedChipsCount++; updateUI(); } else { showAlert("No peeled potatoes to fry!"); } }); document.getElementById('packChipsBtn').addEventListener('click', () => { if (friedChipsCount > 0) { friedChipsCount--; packedChipsCount++; updateUI(); } else { showAlert("No fried chips to pack!"); } }); document.getElementById('giveToTesterBtn').addEventListener('click', () => { if (packedChipsCount > 0) { packedChipsCount--; updateUI(); // Simulate tester feedback const testerLikesIt = Math.random() > 0.5; // 50% chance if (testerLikesIt) { showAlert("Tester did like it! 🎉"); // Add potential bonuses here later } else { showAlert("Tester didn't like it!"); } } else { showAlert("No packed chips to give to tester!"); } }); document.getElementById('giveToBusinessBtn').addEventListener('click', () => { if (packedChipsCount > 0) { packedChipsCount--; updateUI(); moneyCount++; // Gain $1 per packed chip sold updateUI(); showAlert("You gain $1! 💵"); } else { showAlert("No packed chips to give to business!"); } }); // Worker System const farmerCost = 10; document.getElementById('hireFarmerBtn').addEventListener('click', () => { if (moneyCount >= farmerCost) { moneyCount -= farmerCost; farmerCount++; updateUI(); showAlert("Hired a Farmer! 👩‍🌾"); } else { showAlert(`Not enough money to hire a Farmer! Need $${farmerCost}`); } }); // Farmer automatic production (example: 0.1 potatoes per farmer per second) setInterval(() => { if (farmerCount > 0) { const potatoesProduced = farmerCount * 0.1; potatoCount += potatoesProduced; // Round potato count for display, but keep float for accumulation potatoCount = parseFloat(potatoCount.toFixed(2)); // Keep some precision updateUI(); } }, 1000); // Every 1000 milliseconds (1 second) // Website Customization const themeButtons = document.querySelectorAll('.theme-btn'); themeButtons.forEach(button => { button.addEventListener('click', () => { const theme = button.getAttribute('data-theme'); if (theme === 'red') { document.body.style.backgroundColor = '#ffe0e0'; } else if (theme === 'blue') { document.body.style.backgroundColor = '#e0f0ff'; } else if (theme === 'green') { document.body.style.backgroundColor = '#e0ffe0'; } else if (theme === 'custom') { document.body.style.backgroundColor = '#f0e0ff'; } else { document.body.style.backgroundColor = '#f4f4f4'; // Default } }); }); document.getElementById('robBotBtn').addEventListener('click', () => { showAlert("Rob Bot Feature - Placeholder"); }); // Placeholder for referral link functionality document.getElementById('referralLink').value = "Your unique referral link will appear here!"; });