complex division about kumon-math-app HOT 1 OPEN

    <pre>
<span id="dividend"></span> <span class="division-symbol">÷</span> <span id="divisor"></span> <span class="equals-symbol">=</span> 
    </pre>
    </div>
     <div>
        <input class="user-input" type="text" id="userAnswer" placeholder="   ">
    </div>
    <div>
        <button class="check-button" onclick="checkAnswer()">Check</button>
    </div>
    <div class="solution" id="solution"></div>
</div>

<script>
    function generateDivisionTask() {
        let dividend, divisor, answer;
        do {
            dividend = Math.floor(Math.random() * 1000) + 100;
            divisor = Math.floor(Math.random() * 30) + 2;
            answer = dividend / divisor;
        } while (answer % 1 !== 0); 
        return {
            dividend: dividend,
            divisor: divisor,
            answer: answer
        };
    }
  

    const task = generateDivisionTask();
    document.getElementById('dividend').textContent = task.dividend;
    document.getElementById('divisor').textContent = task.divisor;

    function checkAnswer() {
        const userAnswer = document.getElementById('userAnswer').value.replace(/\s/g, ''); 
        const correctAnswer = task.answer;
        const solutionDiv = document.getElementById('solution');

        if (!isNaN(userAnswer) && userAnswer.length > 0) {
            if (parseFloat(userAnswer) === correctAnswer) {
                solutionDiv.textContent = 'Richtig! Die Antwort ist ' + correctAnswer + '.';
                solutionDiv.style.color = 'green';
            } else {
                solutionDiv.textContent = 'Falsch. Versuche es erneut.';
                solutionDiv.style.color = 'red';
            }
        } else {
            solutionDiv.textContent = 'Bitte gib eine gültige Zahl ein.';
            solutionDiv.style.color = 'red';
        }
    }
</script>