sports-predictor/ │ ├── frontend/ │ ├── index.html │ ├── style.css │ └── app.js │ ├── backend/ │ ├── server.js │ ├── routes/ │ │ └── matches.js │ └── database.json │ └── package.json HTML

<title>Sports Predictor</title>

Virtual Sports Predictor

<div class="card">
    <h3>Team A vs Team B</h3>
    <button onclick="predict('Team A')">Team A Wins</button>
    <button onclick="predict('Team B')">Team B Wins</button>
</div>

<p>Your Virtual Coins: <span id="coins">1000</span></p>

<script src="app.js"></script>

java script let coins = 1000;

function predict(team) { alert(Prediction submitted: ${team}); coins -= 50; document.getElementById("coins").innerText = coins; } cc body { font-family: Arial, sans-serif; text-align: center; padding: 20px; }

.card { border: 1px solid #ccc; padding: 20px; margin: 20px auto; width: 300px; border-radius: 10px; } button { margin: 5px; padding: 10px 15px; }