20以内加减法互动练习 - 知达AI助教 | 教育人工智能案例 | 教育人工智能社区

二十以内的加减法，要求学生加上运算符号使等式成立，以html的形式输出，错误的题要求重做，正确的题跳过
以下是生成的HTML页面代码，满足您的需求：学生需要填写正确的运算符号使等式成立，并且错误的题目会要求重做，而正确的题目会跳过。

代码生成完成

功能说明：

题目生成：

页面加载时会自动生成10道题目，每道题目包含两个随机数和一个结果。

学生需要填写正确的运算符号（+ 或 -）使等式成立。

答案检查：

点击“提交答案”按钮后，程序会检查每个输入框的答案是否正确。

正确的答案会显示绿色边框，错误的答案会显示红色边框。

如果所有答案都正确，会显示“所有题目都正确！”的消息；否则提示用户检查错误并重新提交。

用户体验：

页面设计简洁美观，适配PC端和移动端。

提供实时反馈，帮助学生快速发现并改正错误。

您可以将上述代码保存为HTML文件并在浏览器中打开即可使用！

知达任务回放中

20以内加减法互动练习

代码

预览

103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
                const userAnswer = operatorInput.value.trim
                    ();
                const correctAnswer = operatorInput.dataset
                    .correct;
                if (userAnswer !== correctAnswer) {
                    allCorrect = false;
                    operatorInput.style.borderColor = 'red';
                } else {
                    operatorInput.style.borderColor = 'green'
                        ;
                }
            });
            const messageDiv = document.getElementById
                ('message');
            if (allCorrect) {
                messageDiv.textContent = '所有题目都正确！';
                messageDiv.className = 'message correct';
            } else {
                messageDiv.textContent = 
                    '有错误的题目，请检查后重新提交。';
                messageDiv.className = 'message wrong';
            }
        }
        // 初始化页面
        window.onload = function () {
            generateQuestions();
        };
    </script>
</body>
</html>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX