Benutzer-Werkzeuge

Webseiten-Werkzeuge


tools:rhythmustrainer-einfach

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
tools:rhythmustrainer-einfach [10/08/2025 15:59] Eric Webertools:rhythmustrainer-einfach [05/04/2026 15:58] (aktuell) Eric Weber
Zeile 202: Zeile 202:
 </head> </head>
 <body> <body>
-    <div class="rhythm-trainer">+    <div class="rhythm-trainer" style="text-align: center">
         <h1>🎵 Rhythmus-Trainer</h1>         <h1>🎵 Rhythmus-Trainer</h1>
 +        <h2>Einfach (Viertel- oder Achtelnoten)</h2>
                  
         <div class="info">         <div class="info">
Zeile 232: Zeile 233:
             <div class="rhythm-notation" id="rhythmNotation">Klicken Sie auf "Neuen Rhythmus generieren"</div>             <div class="rhythm-notation" id="rhythmNotation">Klicken Sie auf "Neuen Rhythmus generieren"</div>
         </div>         </div>
 +        <div style="text-align: right; margin-top: 16px; font-size: 0.75rem; color: #95a5a6;">
 +  Made with <a href="https://claude.ai" target="_blank" style="color: #3498db; text-decoration: none;">claude.ai</a>
 +  by <a href="https://www.ericweber.de" target="_blank" style="color: #3498db; text-decoration: none;">Eric Weber</a>
 +</div>
     </div>     </div>
  
Zeile 293: Zeile 298:
                 currentRhythm.push(Math.random() < 0.5 ? 0 : 1);                 currentRhythm.push(Math.random() < 0.5 ? 0 : 1);
             }             }
 +            
 +            // Reset solution state
             solutionVisible = false;             solutionVisible = false;
 +            showBtn.textContent = 'Lösung anzeigen';
 +            
             playBtn.disabled = false;             playBtn.disabled = false;
             showBtn.disabled = false;             showBtn.disabled = false;
Zeile 303: Zeile 312:
         function rhythmToNotation(rhythm) {         function rhythmToNotation(rhythm) {
             const notation = rhythm.map(beat => {             const notation = rhythm.map(beat => {
-                return beat === 0 ? '♩' : '';  // Quarter note or eighth notes+                return beat === 0 ? '♩' : '♪♪';  // Quarter note or eighth notes
             }).join('  ');             }).join('  ');
             return notation;             return notation;
tools/rhythmustrainer-einfach.1754834352.txt.gz · Zuletzt geändert: von Eric Weber