我是一名数学老师。我想使用我学校的网站让学生检查他们是否对纸上单独给出的一组测试问题有正确的解决方案。我想给学生一个文本框,他们可以在其中输入他们的解决方案和一个按钮来检查它是否正确。正确的答案将在问题旁边显示一个“正确”图标等。我是一个完整的初学者,但到目前为止我已经做到了:
<script>
function check(z)
{
var ans = new Array
ans[0]="522"
ans[1]="144"
if (document.getElementById('response'+z).value==ans[z])
{
document.getElementById('correct' + z).style.visibility='visible'
document.getElementById('incorrect' + z).style.visibility='hidden'
}
if (document.getElementById('response'+z).value!=ans[z] && document.getElementById('response'+z).value!='')
{
document.getElementById('correct' + z).style.visibility='hidden'
document.getElementById('incorrect' + z).style.visibility='visible'
}
if (document.getElementById('response'+z).value=='')
{
document.getElementById('correct' + z).style.visibility='hidden'
document.getElementById('incorrect' + z).style.visibility='hidden'
}
}
</script>
<img id="correct0"src="correct.jpg"style="visibility:hidden"/>
<img id="incorrect0"src="incorrect.jpg"style="visibility:hidden"/>
1a
<textarea style="width: 100px; height: 20px;"id="response0"></textarea>
<button style="height: 20px"onclick="check(0)">check</button>
<br></br>
<img id="correct1"src="correct.jpg"style="visibility:hidden"/>
<img id="incorrect1"src="incorrect.jpg"style="visibility:hidden"/>
1b
<textarea style="width: 100px; height: 20px;"id="response1"></textarea>
<button style="height: 20px"onclick="check(1)">check</button>
<br></br>
这可行,但显然非常笨重(我实际上使用 Excel 电子表格来生成 html 代码)。我的问题是:我可以使用 javascript 本身来生成文本框和按钮吗?我可以混淆正确答案吗(如果学生知道如何查看我的网页来源,我的考试就结束了!)。
非常感谢和最良好的祝愿,