Skip to content
Snippets Groups Projects
Select Git revision
  • 050c8ea138660692546972d93b455576fa5aec6d
  • main default
  • feature/buttons
  • feature/playerScore
4 results

index.html

Blame
  • index.html 1.20 KiB
    <!DOCTYPE html>
    <html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Schnick, schnack, schnuck</title>
        <link rel="stylesheet" href="./styles.css" />
    </head>
    <body>
        <div class="game-container">
        <h1>Schnick, schnack, schnuck!</h1>
        <main>
          
        
          </details>
    
          <div class="score-container">
            <strong
              >Spieler: <span class="score" id="player-score">0</span></strong
            >
            <strong
              >Computer:
              <span class="score" id="computer-score">0</span></strong
            >
          </div>
    
          <section class="options-container">
            <h2>Wähle deine Waffe:</h2>
            <div class="btn-container">
              <button id="rock-btn" class="btn">Stein</button>
              <button id="paper-btn" class="btn">Papier</button>
              <button id="scissors-btn" class="btn">Schere</button>
            </div>
          </section>
    
          <div class="results-container">
            <p id="results-msg"></p>
            <p id="winner-msg"></p>
            <button class="btn" id="reset-game-btn">Nochmal spielen</button>
          </div>
          </div>
        </main>
        
    </body>
    <script src="./index.js"></script>
    </html>