1234567891011121314151617181920212223242526272829303132333435 |
- import React from "react";
-
- function ScoreBoard({teamsize}) {
- return(
- <div className={"ScoreBoard"}>
- <div>
- <p>Spieler pro Team: {teamsize ? teamsize : ""}</p>
- </div>
- <table>
- <thead>
- <tr>
- <th>Team</th>
- <th>Points</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Red</td>
- <td id="red-points">0</td>
- </tr>
- <tr>
- <td>Yellow</td>
- <td id="yellow-points">0</td>
- </tr>
- <tr>
- <td>Blue</td>
- <td id="blue-points">0</td>
- </tr>
-
- </tbody>
- </table>
- </div>)
- }
-
- export default ScoreBoard
|