Football Kings – Card Clash body { font-family: Arial, sans-serif; background: #101820; color: #fff; text-align: center; padding: 20px; } .card { border: 2px solid #fff; border-radius: 15px; padding: 15px; margin: 10px; display: inline-block; background-color: #1e2a38; width: 200px; } .highlight { color: #ffcc00; } button { margin: 10px; padding: 10px 20px; font-size: 16px; border: none; border-radius: 8px; background: #ffcc00; color: #101820; cursor: pointer; } .result { font-size: 20px; margin-top: 20px; } Football Kings – Card Clash 

const players = [ { name: "Alejandro Garnacho", speed: 93, dribbling: 91, shooting: 85, defending: 40, charisma: 99, }, { name: "Florian Wirtz", speed: 88, dribbling: 92, shooting: 83, defending: 60, charisma: 95, }, { name: "Jonas Urbig", speed: 65, dribbling: 60, shooting: 50, defending: 90, charisma: 97, }, { name: "Erfundener Spieler", speed: 70, dribbling: 65, shooting: 60, defending: 60, charisma: 50, } ]; const categories = ["speed", "dribbling", "shooting", "defending", "charisma"]; function drawCards() { const playerCard = players[Math.floor(Math.random() * players.length)]; let botCard; do { botCard = players[Math.floor(Math.random() * players.length)]; } while (botCard === playerCard); document.getElementById("cards").innerHTML = ` 

Deine Karte ${playerCard.name}
Speed: ${playerCard.speed}
Dribbling: ${playerCard.dribbling}
Shooting: ${playerCard.shooting}
Defending: ${playerCard.defending}
Charisma: ${playerCard.charisma} 

Gegnerkarte ${botCard.name}
(Werte werden nach Wahl angezeigt) 

`; document.getElementById("actions").innerHTML = categories.map(cat => ` ${cat.charAt(0).toUpperCase() + cat.slice(1)} wählen `).join(""); document.getElementById("result").innerHTML = ""; } function playRound(category, playerCard, botCard) { const playerValue = playerCard[category]; const botValue = botCard[category]; let outcome = ""; if (playerValue > botValue) outcome = "Du hast gewonnen!"; else if (playerValue Deine Karte ${playerCard.name}
Speed: ${playerCard.speed}
Dribbling: ${playerCard.dribbling}
Shooting: ${playerCard.shooting}
Defending: ${playerCard.defending}
Charisma: ${playerCard.charisma} 

Gegnerkarte ${botCard.name}
Speed: ${botCard.speed}
Dribbling: ${botCard.dribbling}
Shooting: ${botCard.shooting}
Defending: ${botCard.defending}
Charisma: ${botCard.charisma} 

`; document.getElementById("actions").innerHTML = 'Neue Runde'; document.getElementById("result").innerText = outcome; } drawCards();