一位数加法随机出题机


这是个简单的一位数加法随机出题机,1500km-yiweishu-jiafa.php是题库文件,用到时需要从这里下载
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>
input{ border:solid 1px #ccc;}
hr{ border-bottom:dashed 1px #ccc; border-top:solid 0px #ccc;}
.btn{ background-color:#339933; color:#FFFFFF; padding:3px;}
</style>

<script src="http://blog.1500km.com/sites/ui-blog/other/jquery.min.js"></script>
<form action="">
<img src="http://blog.1500km.com/sites/download/images/1500km.png" style="vertical-align:middle;" />
一位数的加法出题机:
<input type="submit" value="点击这里随机抽题目" class="btn" />
</form>
<hr />

<? 
define('MAX_SIZE',10);
include('1500km-yiweishu-jiafa.php');
$x = yiweishu_jiafa();
shuffle($x);
for($i=0;$i<MAX_SIZE;$i++){
  ?><?=$x[$i]['str']?>=<input type="text" id="input<?=$i?>" size="5" onblur="check_result(<?=$i?>)" />
  <input type="hidden" id="result<?=$i?>" value="<?=$x[$i]['r']?>" />
  <span id="span<?=$i?>"></span><hr /><?
}
?>

<script>
function check_result(id){
  var inp=$('#input'+id).val();
  if(''!=inp){
    var res=$('#result'+id).val();
    var correct='<font size=5 color=green>√</font>';
    var incorrect='<font size=5 color=red>×</font>';
    if(res==inp){
      $('#span'+id).html(correct);
    }
    else{
      $('#span'+id).html(incorrect);
    }
  }
}
</script>
<a href="http://www.1500km.com">返回1500km</a>

点击上面的按钮可以随机抽取题目,点击这里亲自运行看看

对计算结果作出判断,并提示正确和错误,正确打钩,错误打叉。点击这里亲自运行看看