eBid Tycoon Clicker

🧾 eBid Tycoon Clicker! 💼

💡 Choose Your Seller Path:

body { font-family: 'Arial', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f4f4f4; margin: 0; color: #333; } .container { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: center; } h1, h2 { color: #333; margin-bottom: 20px; } #seller-path-selection { margin-bottom: 20px; } .seller-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; justify-content: center; } .seller-paths button { padding: 10px 15px; border: none; border-radius: 5px; background-color: #007bff; color: white; cursor: pointer; font-size: 1em; transition: background-color 0.3s ease; } .seller-paths button:hover { background-color: #0056b3; } #game-ui .stats-bar { margin-bottom: 20px; font-size: 1.1em; font-weight: bold; } .tabs { display: flex; justify-content: center; margin-bottom: 10px; } .tabs button { padding: 10px 20px; border: none; border-radius: 5px 5px 0 0; background-color: #ddd; color: #333; cursor: pointer; font-size: 1em; border-bottom: 2px solid #ccc; transition: background-color 0.3s ease; } .tabs button.active { background-color: #fff; border-bottom: none; } .tab-content { padding: 20px; border: 1px solid #ccc; border-radius: 0 5px 5px 5px; display: none; text-align: left; } .tab-content.active { display: block; } #produce-button { padding: 15px 25px; font-size: 1.2em; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; transition: background-color 0.3s ease; } #produce-button:hover { background-color: #1e7e34; } #workers-list, #upgrades-list, #live-bidding-area { margin-top: 15px; } .worker-button { background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 5px; padding: 15px; margin-bottom: 10px; text-align: left; } .worker-button h3 { margin-top: 0; margin-bottom: 5px; color: #495057; } .worker-button p { margin-bottom: 8px; color: #6c757d; } .worker-button button { background-color: #007bff; color: white; border: none; padding: 8px 15px; border-radius: 5px; cursor: pointer; font-size: 0.9em; transition: background-color 0.3s ease; } .worker-button button:hover { background-color: #0056b3; } /* Add more styles as needed */ document.addEventListener('DOMContentLoaded', () => { const sellerPathSelection = document.getElementById('seller-path-selection'); const gameUI = document.getElementById('game-ui'); const sellerPathButtons = document.querySelectorAll('#seller-path-selection button'); const tabButtons = document.querySelectorAll('.tabs button'); const tabContents = document.querySelectorAll('.tab-content'); const moneyDisplay = document.getElementById('money'); const producedItemsDisplay = document.getElementById('produced-items-count'); const workersList = document.getElementById('workers-list'); let gameData = { sellerType: null, producedItems: 0, workers: [], upgrades: [], money: 1000, // Starting money botsBidding: 0, workerCounts: {} // Track counts of each worker type }; const sellerPathsData = { tech: { name: 'Tech Reseller', product: 'iPad', produceDescription: 'Click to produce iPads.', workersDescription: 'Hire workers to assemble iPads faster.', upgradesDescription: 'Upgrade your production and bidding capabilities for tech products.', biddingDescription: 'Watch live bidding on your listed iPads.', workers: [ { type: 'phoneAssembler', name: 'Phone Assembler', description: 'Assembles phones for sale.', productionRate: 10, productionUnit: 'phones per minute', cost: 150, upgradeDescription: 'Increase production rate by 5 phones per minute per level.' }, { type: 'ipadManufacturer', name: 'iPad Manufacturer', description: 'Manufactures iPads for auction.', productionRate: 5, productionUnit: 'iPads per minute', cost: 300, upgradeDescription: 'Increase production rate by 2 iPads per minute per level.' }, { type: 'ledTechnician', name: 'LED Technician', description: 'Assembles and tests LED displays for sale.', productionRate: 3, productionUnit: 'LEDs per minute', cost: 500, upgradeDescription: 'Increase production rate by 1 LED per minute per level.' } ] }, shrimp: { name: 'Shrimp & Seafood Exporter', product: 'Shrimp', produceDescription: 'Click to pack shrimp.', workersDescription: 'Hire workers to pack shrimp faster.', upgradesDescription: 'Upgrade your shrimp packing and bidding efficiency.', biddingDescription: 'See who is bidding on your fresh shrimp.', workers: [ { type: 'shrimpBreeder', name: 'Shrimp Breeder', description: 'Breeds common shrimps like Red Shrimp and Blue Shrimp.', productionRate: 5, productionUnit: 'shrimps per minute', cost: 150, upgradeDescription: 'Increase shrimp breeding speed by 1 shrimp every 10 seconds.' }, { type: 'rareShrimpBreeder', name: 'Rare Shrimp Breeder', description: 'Breeds rare and legendary shrimps, including Golden Shrimp and Rainbow Shrimp.', productionRate: 1, productionUnit: 'rare shrimp per 3 minutes', cost: 500, upgradeDescription: 'Speed up rare shrimp breeding by 15 seconds per level.' }, { type: 'exoticShrimpHandler', name: 'Exotic Shrimp Handler', description: 'Breeds the most exotic and mythical shrimp, like the Rainbow Shrimp, with extremely low drop rates.', productionRate: 1, productionUnit: 'exotic shrimp per 5 minutes', cost: 1000, upgradeDescription: 'Speed up exotic shrimp breeding by 20 seconds per level.' } ] }, aquatic: { name: 'Aquatic Pet Breeder', product: 'Fish', produceDescription: 'Click to breed fish.', workersDescription: 'Hire breeders to increase fish production.', upgradesDescription: 'Upgrade your fish breeding and auction capabilities.', biddingDescription: 'Watch bids come in for your rare fish.', workers: [ { type: 'goldfishBreeder', name: 'Goldfish Breeder', description: 'Breeds Goldfish for sale.', productionRate: 5, productionUnit: 'Goldfish per minute', cost: 150, upgradeDescription: 'Increase breeding rate by 1 Goldfish per minute per level.' }, { type: 'neonBettaBreeder', name: 'Neon Betta Breeder', description: 'Breeds Neon Bettas.', productionRate: 3, productionUnit: 'Neon Bettas per minute', cost: 300, upgradeDescription: 'Increase breeding rate by 1 Neon Betta per minute per level.' }, { type: 'fancyGuppyBreeder', name: 'Fancy Guppy Breeder', description: 'Breeds Fancy Guppies.', productionRate: 2, productionUnit: 'Fancy Guppies per minute', cost: 500, upgradeDescription: 'Increase breeding rate by 1 Fancy Guppy per minute per level.' } ] }, motors: { name: 'eBay Motors Pro', product: 'Car Parts', produceDescription: 'Click to flip car parts.', workersDescription: 'Hire mechanics to prepare car parts faster.', upgradesDescription: 'Upgrade your car parts flipping and bidding strategies.', biddingDescription: 'Track bids on your car parts listings.', workers: [ { type: 'mechanic', name: 'Mechanic', description: 'Repairs and flips car parts.', productionRate: 1, productionUnit: 'flipped car part per minute', cost: 200, upgradeDescription: 'Increase production rate by 1 car part per minute.' }, { type: 'motorcycleSpecialist', name: 'Motorcycle Specialist', description: 'Works with motorcycles for higher returns.', productionRate: 1, productionUnit: 'motorcycle per 2 minutes', cost: 500, upgradeDescription: 'Speed up production by 10% per level.' }, { type: 'rvExpert', name: 'RV Expert', description: 'Specializes in RV flipping for high-value items.', productionRate: 1, productionUnit: 'RV per 5 minutes', cost: 1000, upgradeDescription: 'Speed up production by 15% per level.' } ] }, art: { name: 'Art & Collectibles Dealer', product: 'Rare Comics', produceDescription: 'Click to uncover rare comics.', workersDescription: 'Hire curators to find rare comics faster.', upgradesDescription: 'Enhance your comic finding and bidding skills.', biddingDescription: 'Observe the bidding frenzy for your rare comics.', workers: [ { type: 'comicExpert', name: 'Comic Expert', description: 'Searches for rare comics.', productionRate: 1, productionUnit: 'rare comic per minute', cost: 200, upgradeDescription: 'Increase comic search rate by 1 per minute.' }, { type: 'artCurator', name: 'Art Curator', description: 'Curates rare artwork for auction.', productionRate: 1, productionUnit: 'rare art piece per 2 minutes', cost: 500, upgradeDescription: 'Speed up art curation by 10% per level.' }, { type: 'cardCollectorArt', name: 'Card Collector', description: 'Collects rare trading cards for sale.', productionRate: 1, productionUnit: 'rare card per 3 minutes', cost: 750, upgradeDescription: 'Increase card collection rate by 5% per level.' } ] }, fashion: { name: 'Fashion Seller', product: 'Clothing Line', produceDescription: 'Click to create clothing lines.', workersDescription: 'Hire tailors to help scale up clothing production.', upgradesDescription: 'Improve your fashion line creation and bidding power.', biddingDescription: 'Monitor bids on your trendy clothing lines.', workers: [ { type: 'clothingDesigner', name: 'Clothing Designer', description: 'Designs clothes for sale.', productionRate: 5, productionUnit: 'items per minute', cost: 150, upgradeDescription: 'Increase clothing production rate by 1 item per minute per level.' }, { type: 'tailor', name: 'Tailor', description: 'Customizes clothes for higher auction value.', productionRate: 3, productionUnit: 'customized items per minute', cost: 300, upgradeDescription: 'Increase clothing customization speed by 1 item per minute per level.' } ] }, toys: { name: 'Toys & Hobbies Dealer', product: 'LEGO Sets', produceDescription: 'Click to assemble LEGO sets.', workersDescription: 'Hire assemblers to stock LEGO sets faster.', upgradesDescription: 'Boost your LEGO set assembly and bidding tactics.', biddingDescription: 'Watch bots bid like crazy on your LEGO sets.', workers: [ { type: 'legoBuilder', name: 'LEGO Builder', description: 'Builds LEGO sets for sale.', productionRate: 5, productionUnit: 'LEGO sets per minute', cost: 150, upgradeDescription: 'Increase LEGO production by 2 sets per minute per level.' }, { type: 'cardCollectorToys', name: 'Card Collector', description: 'Collects trading cards for auction.', productionRate: 3, productionUnit: 'trading cards per minute', cost: 200, upgradeDescription: 'Increase card collection rate by 2 cards per minute per level.' } ] }, media: { name: 'Media Collector', product: 'Rare Books', produceDescription: 'Click to sell rare books.', workersDescription: 'Hire curators to find hidden gem books.', upgradesDescription: 'Upgrade your rare book finding and bidding expertise.', biddingDescription: 'See the bidding action on your rare books.', workers: [ { type: 'bookHunter', name: 'Book Hunter', description: 'Finds rare books for sale.', productionRate: 1, productionUnit: 'rare book per minute', cost: 100, upgradeDescription: 'Increase book hunting speed by 1 book per minute per level.' }, { type: 'vinylCollector', name: 'Vinyl Collector', description: 'Collects rare vinyl records for auction.', productionRate: 1, productionUnit: 'vinyl per 3 minutes', cost: 500, upgradeDescription: 'Increase vinyl collection rate by 1 per 2 minutes per level.' } ] }, jewelry: { name: 'Jewelry & Watch Curator', product: 'Jewelry', produceDescription: 'Click to craft jewelry.', workersDescription: 'Hire crafters to produce diamonds and jewelry.', upgradesDescription: 'Enhance your diamond crafting and bidding prestige.', biddingDescription: 'Track bids on your luxury jewelry and watches.', workers: [ { type: 'jewelryDesigner', name: 'Jewelry Designer', description: 'Designs jewelry for auction.', productionRate: 1, productionUnit: 'jewelry item per minute', cost: 250, upgradeDescription: 'Increase jewelry design rate by 1 per minute per level.' }, { type: 'watchExpert', name: 'Watch Expert', description: 'Sources rare watches for sale.', productionRate: 1, productionUnit: 'luxury watch per 2 minutes', cost: 500, upgradeDescription: 'Speed up watch sourcing by 10% per level.' } ] }, pets: { name: 'Pet Supply Seller', product: 'Pet Toys', produceDescription: 'Click to produce pet toys.', workersDescription: 'Hire workers to produce pet supplies faster.', upgradesDescription: 'Improve your pet supply production and bidding reach.', biddingDescription: 'Observe the competition for your pet supplies.', workers: [ { type: 'toyMaker', name: 'Toy Maker', description: 'Makes pet toys for auction.', productionRate: 5, productionUnit: 'toys per minute', cost: 150, upgradeDescription: 'Increase toy production by 1 toy per minute per level.' }, { type: 'petFurnitureDesigner', name: 'Pet Furniture Designer', description: 'Designs pet furniture for high-end auctions.', productionRate: 3, productionUnit: 'items per minute', cost: 300, upgradeDescription: 'Increase furniture production rate by 1 item per minute per level.' } ] }, beauty: { name: 'Health & Beauty Brand', product: 'Lotions', produceDescription: 'Click to blend lotions.', workersDescription: 'Hire chemists to blend lotions and perfumes.', upgradesDescription: 'Upgrade your beauty product blending and bidding influence.', biddingDescription: 'Monitor bids on your health and beauty brands.', workers: [ { type: 'chemist', name: 'Chemist', description: 'Develops perfumes and lotions for sale.', productionRate: 1, productionUnit: 'item per minute', cost: 200, upgradeDescription: 'Increase production by 1 per minute per level.' }, { type: 'packager', name: 'Packager', description: 'Packs the products for sale.', productionRate: 1, productionUnit: 'product per 3 minutes', cost: 500, upgradeDescription: 'Speed up packaging by 10% per level.' } ] }, industrial: { name: 'Business & Industrial Dealer', product: 'Big Gear', produceDescription: 'Click to automate warehouse and sell big gear.', workersDescription: 'Hire logistics workers to handle big gear.', upgradesDescription: 'Boost your industrial gear handling and bidding scale.', biddingDescription: 'See who is bidding on your business and industrial gear.', workers: [ { type: 'warehouseWorker', name: 'Warehouse Worker', description: 'Packs and ships items from your warehouse.', productionRate: 5, productionUnit: 'items per minute', cost: 100, upgradeDescription: 'Increase warehouse packing by 2 items per minute per level.' }, { type: 'logisticsManager', name: 'Logistics Manager', description: 'Oversees large-scale distribution.', productionRate: 1, productionUnit: 'item per 2 minutes', cost: 500, upgradeDescription: 'Speed up logistics by 15% per level.' } ] }, baby: { name: 'Baby Essentials Brand', product: 'Diapers', produceDescription: 'Click to produce diapers.', workersDescription: 'Hire caretakers to mass-produce baby essentials.', upgradesDescription: 'Improve your baby essential production and bidding success.', biddingDescription: 'Watch bids skyrocket for your baby essentials.', workers: [ { type: 'diaperManufacturer', name: 'Diaper Manufacturer', description: 'Produces diapers for sale.', productionRate: 10, productionUnit: 'diapers per minute', cost: 150, upgradeDescription: 'Increase production rate by 5 diapers per minute per level.' }, { type: 'toyCreatorBaby', name: 'Toy Creator', description: 'Creates baby toys for sale.', productionRate: 5, productionUnit: 'toys per minute', cost: 300, upgradeDescription: 'Speed up toy production by 1 toy per minute per level.' } ] }, garden: { name: 'Home & Garden Seller', product: 'Garden Decor', produceDescription: 'Click to build garden decor.', workersDescription: 'Hire gardeners and designers to create garden items.', upgradesDescription: 'Enhance your garden decor creation and bidding fame.', biddingDescription: 'Observe the bidding for your home and garden items.', workers: [ { type: 'gardener', name: 'Gardener', description: 'Cultivates plants for sale.', productionRate: 5, productionUnit: 'plants per minute', cost: 150, upgradeDescription: 'Increase plant production by 1 plant per minute per level.' }, { type: 'interiorDesigner', name: 'Interior Designer', description: 'Designs home decor for auction.', productionRate: 3, productionUnit: 'items per minute', cost: 300, upgradeDescription: 'Speed up decor production by 1 item per minute per level.' } ] } }; sellerPathButtons.forEach(button => { button.addEventListener('click', function() { const sellerType = this.dataset.sellerType; gameData.sellerType = sellerType; sellerPathSelection.style.display = 'none'; gameUI.style.display = 'block'; loadGameContent(sellerType); updateMoneyDisplay(); // Initial money display updateProducedItemsDisplay(); // Initial produced items display }); }); tabButtons.forEach(button => { button.addEventListener('click', function() { tabButtons.forEach(btn => btn.classList.remove('active')); tabContents.forEach(content => content.classList.remove('active')); this.classList.add('active'); document.getElementById(this.dataset.tab + '-tab').classList.add('active'); }); }); document.getElementById('produce-button').addEventListener('click', () => { gameData.producedItems++; updateProducedItemsDisplay(); }); function loadGameContent(sellerType) { const data = sellerPathsData[sellerType]; document.querySelector('#produce-tab h2').textContent = `Click to Produce ${data.product}`; document.getElementById('produce-description').textContent = data.produceDescription; document.getElementById('workers-tab h2').textContent = `Hire Workers for ${data.name}`; document.getElementById('workers-description').textContent = data.workersDescription; document.getElementById('upgrades-tab h2').textContent = `Upgrades for ${data.name}`; document.getElementById('upgrades-description').textContent = data.upgradesDescription; document.getElementById('bidding-tab h2').textContent = `Live Bidding on ${data.product}`; document.getElementById('bidding-description').textContent = data.biddingDescription; workersList.innerHTML = ''; // Clear previous worker buttons data.workers.forEach(worker => { const workerButton = document.createElement('div'); workerButton.classList.add('worker-button'); workerButton.innerHTML = `

${worker.name}

${worker.description}

Production Rate: ${worker.productionRate} ${worker.productionUnit}

Cost: $${worker.cost}

`; workersList.appendChild(workerButton); }); // Add event listeners to hire buttons after they are added to the DOM workersList.querySelectorAll('button').forEach(button => { button.addEventListener('click', function() { const workerType = this.dataset.workerType; const workerData = data.workers.find(w => w.type === workerType); if (gameData.money >= workerData.cost) { gameData.money -= workerData.cost; gameData.workers.push(workerType); gameData.workerCounts[workerType] = (gameData.workerCounts[workerType] || 0) + 1; updateMoneyDisplay(); // Optionally update UI to show hired worker count, etc. alert(`Hired ${workerData.name}!`); // Basic feedback } else { alert("Not enough money to hire this worker."); } }); }); } function updateMoneyDisplay() { moneyDisplay.textContent = `$${gameData.money}`; } function updateProducedItemsDisplay() { producedItemsDisplay.textContent = `${gameData.producedItems}`; } // Game loop for worker production (basic example - needs refinement based on production rates and units) setInterval(() => { if (gameData.sellerType) { const data = sellerPathsData[gameData.sellerType]; data.workers.forEach(worker => { const workerCount = gameData.workerCounts[worker.type] || 0; if (workerCount > 0) { // Basic production increment - needs to be adjusted based on 'per minute', 'per 3 minutes' etc. gameData.producedItems += workerCount * worker.productionRate / 60; // Assuming rates are 'per minute' and updating every second (60 seconds in a minute) updateProducedItemsDisplay(); } }); } }, 1000); // Update every second - adjust interval and production logic as needed for different worker types and rates });