Check Answer button ergonomics (#90)

Author: sidprasad

src/templates/exercise.html

@@ -150,7 +150,7 @@ <h5 id="{{ qindex }}question_text" class="card-title mb-2">
 
 
 
-                    <button class="btn btn-primary" onclick="{{q.type}}_getfeedback(this); enableNextButton(this); scrollToFeedback()">Check
+                    <button class="btn btn-primary checkanswer" onclick="{{q.type}}_getfeedback(this); enableNextButton(this); scrollToFeedback()" disabled>Check
                         Answer</button>
                     <!-- TODO: Disable this, and then re-enable -->
                     <button class="btn btn-primary next" disabled>Next Question</button>
@@ -258,6 +258,18 @@ <h4 class="card-title">What Next?</h4>
                     $('#done').show();
                 }
             });
+
+            // Disable all "Check Answer" buttons initially
+            $('.checkanswer').prop('disabled', true);
+
+            // Add event listeners to radio buttons
+            $('input[type="radio"]').on('change', function () {
+                // Find the parent question card
+                const questionCard = $(this).closest('.question');
+
+                // Enable the "Check Answer" button within the same question card
+                questionCard.find('.checkanswer').prop('disabled', false);
+            });
         });
     </script>