MusikimUnterricht.de

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:57] – Eric Webertools:tonhoehentrainer [20/05/2025 08:42] (aktuell) – Eric Weber
Zeile 41: Zeile 41:
             font-weight: bold;             font-weight: bold;
             transition: background-color 0.3s;             transition: background-color 0.3s;
 +            background-color: #E0E0E0;  /* Hellgrauer Standardhintergrund */
         }         }
         .ear-training-app .difficulty-btn.active {         .ear-training-app .difficulty-btn.active {
             background-color: #4CAF50;             background-color: #4CAF50;
-            color: black;+            color: green;  /* Weißer Text für besseren Kontrast */
         }         }
         .ear-training-app .start-btn {         .ear-training-app .start-btn {
Zeile 92: Zeile 93:
         }         }
         .ear-training-app .correct {         .ear-training-app .correct {
-            background-color: green !important; +            background-color: green !important;  /* Dunkleres Grün */ 
-            color: black;+            color: green !important;  /* Weißer Text für besseren Kontrast */
         }         }
         .ear-training-app .incorrect {         .ear-training-app .incorrect {
-            background-color: red !important; +            background-color: red !important;  /* Dunkleres Rot */ 
-            color: black;+            color: red !important;  /* Weißer Text für besseren Kontrast */
         }         }
         .ear-training-app .progress {         .ear-training-app .progress {
Zeile 116: Zeile 117:
         }         }
         .ear-training-app .dot.correct {         .ear-training-app .dot.correct {
-            background-color: green;+            background-color: #4CAF50;
         }         }
         .ear-training-app .dot.incorrect {         .ear-training-app .dot.incorrect {
-            background-color: red;+            background-color: #F44336;
         }         }
         .ear-training-app .dot.current {         .ear-training-app .dot.current {
Zeile 604: Zeile 605:
                     correctAnswers++;                     correctAnswers++;
                     higherBtn.classList.add('correct');                     higherBtn.classList.add('correct');
 +                    lowerBtn.classList.remove('incorrect');  // Sicherstellen dass der andere Button keine Klasse hat
                                          
                     // Bei richtiger Antwort nach 1 Sekunde automatisch zur nächsten Frage                     // Bei richtiger Antwort nach 1 Sekunde automatisch zur nächsten Frage
Zeile 609: Zeile 611:
                 } else {                 } else {
                     higherBtn.classList.add('incorrect');                     higherBtn.classList.add('incorrect');
 +                    lowerBtn.classList.add('correct');  // Zeigen, dass der andere Button die richtige Wahl gewesen wäre
                                          
                     // Bei falscher Antwort Optionen anzeigen                     // Bei falscher Antwort Optionen anzeigen
                     retryNextDiv.classList.remove('hidden');                     retryNextDiv.classList.remove('hidden');
                 }                 }
 +                
 +                // Buttons deaktivieren nach Antwort
 +                higherBtn.disabled = true;
 +                lowerBtn.disabled = true;
                                  
                 // Fortschritt aktualisieren                 // Fortschritt aktualisieren
Zeile 629: Zeile 636:
                     correctAnswers++;                     correctAnswers++;
                     lowerBtn.classList.add('correct');                     lowerBtn.classList.add('correct');
 +                    higherBtn.classList.remove('incorrect');  // Sicherstellen dass der andere Button keine Klasse hat
                                          
                     // Bei richtiger Antwort nach 1 Sekunde automatisch zur nächsten Frage                     // Bei richtiger Antwort nach 1 Sekunde automatisch zur nächsten Frage
Zeile 634: Zeile 642:
                 } else {                 } else {
                     lowerBtn.classList.add('incorrect');                     lowerBtn.classList.add('incorrect');
 +                    higherBtn.classList.add('correct');  // Zeigen, dass der andere Button die richtige Wahl gewesen wäre
                                          
                     // Bei falscher Antwort Optionen anzeigen                     // Bei falscher Antwort Optionen anzeigen
                     retryNextDiv.classList.remove('hidden');                     retryNextDiv.classList.remove('hidden');
                 }                 }
 +                
 +                // Buttons deaktivieren nach Antwort
 +                higherBtn.disabled = true;
 +                lowerBtn.disabled = true;
                                  
                 // Fortschritt aktualisieren                 // Fortschritt aktualisieren
tools/tonhoehentrainer.1747670265.txt.gz · Zuletzt geändert: von Eric Weber