Fehlerwiederherstellung Coach

<div class="mistake-recovery-coach">
  <h3>Mistake Recovery Coach</h3>
  <p>Choose the best recovery move after an incomplete response.</p>

  <button data-recovery="ignore">Move on because it was mostly right</button>
  <button data-recovery="overexplain">Send a very long correction</button>
  <button data-recovery="correct">Clarify the gap and give the right next step</button>

  <div id="recoveryFeedback">
    Select an option to view coaching feedback.
  </div>
</div>

<script>
const recoveryFeedback = {
  ignore: "Not exactly. Ignoring the gap may let the issue grow.",
  overexplain: "Closer, but too much detail can create more confusion.",
  correct: "Exactly. The learner repairs the gap, clarifies the next step, and reduces downstream confusion."
};

document.querySelectorAll("[data-recovery]").forEach(button => {
  button.addEventListener("click", () => {
    const choice = button.dataset.recovery;
    document.getElementById("recoveryFeedback").textContent = recoveryFeedback[choice];
  });
});
</script>