1、单个操作数不能为负数
2、单步运算结果不能为负数
3、整体运算结果不能为负数
现有问题：
1、如果单步结果范围和操作数范围过小，比如均为10至20时，算式中操作数会出现负数
2、如果选择单个运算符时无法正确生成算式
3、选择包含括号时，点击验证结果时无法验证
4、打印时，样式不正确，无论是否选择显示答案，均显示答案
5、没有经过细致验证，有些bug没找到
再提一个小需求：如果能够控制打印时每页显示的数量和自定义页眉页脚就更好啦
[HTML] 纯文本查看 复制代码
算式生成器
@layer utilities {
.content-auto {
content-visibility: auto;
}
.print-only {
display: none !important;
}
@media print {
.non-printable {
display: none !important;
}
.print-only {
display: block !important;
}
}
.answer-line {
display: inline-block;
width: 80px;
height: 1px;
border-bottom: 1px solid #333;
margin-left: 5px;
}
.validation-row {
padding: 5px 0;
border-bottom: 1px dashed #eee;
}
.validation-header {
font-weight: bold;
background-color: #e9ecef;
}
.valid {
color: #28a745;
}
.invalid {
color: #dc3545;
}
.problem-card {
transition: all 0.2s ease;
}
.problem-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.operator-badge {
display: inline-block;
padding: 2px 8px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 600;
}
.add-badge {
background-color: #e1f5fe;
color: #0288d1;
}
.sub-badge {
background-color: #ffebee;
color: #d32f2f;
}
.mul-badge {
background-color: #e8f5e9;
color: #388e3c;
}
.div-badge {
background-color: #f3e5f5;
color: #7b1fa2;
}
.badge {
background-color: #e5f5ee;
color: #40a21f;
}
.constraints-box {
background-color: #f8f9fa;
border-left: 4px solid #3498db;
}
.no-negative {
color: #d32f2f;
font-weight: 600;
}
}
算式生成器
基本设置
运算数个数：
出题数量：
列数：
结果范围
全局结果范围：
至
单步结果范围：
至
单个操作数范围：
至
运算符设置
加法 (+)
减法 (-)
乘法 (×)
除法 (÷)
使用括号
答案设置
显示答案：
不显示
仅在预览中显示
仅在打印时显示
预览和打印都显示
生成算式
打印试卷
验证算式
重置参数
预览区域
点击"生成算式"按钮开始创建题目
参考答案
验证结果
点击"验证算式"按钮检查结果...
关闭
