Musik im Unterricht

Benutzer-Werkzeuge

Webseiten-Werkzeuge

tools:tonhoehentrainer

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
tools:tonhoehentrainer [19/05/2025 17:52] – Eric Webertools:tonhoehentrainer [19/05/2025 17:57] (aktuell) – Eric Weber
Zeile 44: Zeile 44:
         .ear-training-app .difficulty-btn.active {         .ear-training-app .difficulty-btn.active {
             background-color: #4CAF50;             background-color: #4CAF50;
-            color: white;+            color: black;
         }         }
         .ear-training-app .start-btn {         .ear-training-app .start-btn {
             background-color: #4CAF50;             background-color: #4CAF50;
-            color: white;+            color: black;
             padding: 12px 20px;             padding: 12px 20px;
             border: none;             border: none;
Zeile 60: Zeile 60:
         .ear-training-app .play-tones-btn {         .ear-training-app .play-tones-btn {
             background-color: #2196F3;             background-color: #2196F3;
-            color: white;+            color: black;
             padding: 12px 20px;             padding: 12px 20px;
             border: none;             border: none;
Zeile 92: Zeile 92:
         }         }
         .ear-training-app .correct {         .ear-training-app .correct {
-            background-color: #4CAF50 !important; +            background-color: green !important; 
-            color: white;+            color: black;
         }         }
         .ear-training-app .incorrect {         .ear-training-app .incorrect {
-            background-color: #F44336 !important; +            background-color: red !important; 
-            color: white;+            color: black;
         }         }
         .ear-training-app .progress {         .ear-training-app .progress {
Zeile 116: Zeile 116:
         }         }
         .ear-training-app .dot.correct {         .ear-training-app .dot.correct {
-            background-color: #4CAF50;+            background-color: green;
         }         }
         .ear-training-app .dot.incorrect {         .ear-training-app .dot.incorrect {
-            background-color: #F44336;+            background-color: red;
         }         }
         .ear-training-app .dot.current {         .ear-training-app .dot.current {
Zeile 134: Zeile 134:
         .ear-training-app .cancel-btn {         .ear-training-app .cancel-btn {
             background-color: #9E9E9E;             background-color: #9E9E9E;
-            color: white;+            color: black;
             padding: 10px 15px;             padding: 10px 15px;
             border: none;             border: none;
Zeile 165: Zeile 165:
         .ear-training-app .next-btn {         .ear-training-app .next-btn {
             background-color: #FF9800;             background-color: #FF9800;
-            color: white;+            color: black;
             padding: 10px 15px;             padding: 10px 15px;
             border: none;             border: none;
Zeile 193: Zeile 193:
                 </div>                 </div>
                 <div class="difficulty-description" id="difficulty-description">                 <div class="difficulty-description" id="difficulty-description">
-                    Einfach: Große Terz (maximal 4 Halbtöne Unterschied)+                    Große Terz (maximal 4 Halbtöne Unterschied)
                 </div>                 </div>
             </div>             </div>
Zeile 285: Zeile 285:
             // Schwierigkeitsgradbeschreibungen             // Schwierigkeitsgradbeschreibungen
             const difficultyDescriptions = {             const difficultyDescriptions = {
-                'easy': 'Einfach: Große Terz (maximal 4 Halbtöne Unterschied)', +                'easy': 'Große Terz (maximal 4 Halbtöne Unterschied)', 
-                'medium': 'Fortgeschritten: Quinte (maximal 7 Halbtöne Unterschied)', +                'medium': 'Quinte (maximal 7 Halbtöne Unterschied)', 
-                'hard': 'Profi: Oktave (maximal 12 Halbtöne Unterschied)'+                'hard': 'Oktave (maximal 12 Halbtöne Unterschied)'
             };             };
                          
tools/tonhoehentrainer.txt · Zuletzt geändert: von Eric Weber