ひたすら計算をする。デモ
問題の式をクリックあるいはタッチすると答が出る。採点機能はない。
iPadとかはマルチタッチがあるのでe[0]...e[n]とあるらしい。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>
</title>
<style type="text/css">
article,aside,figure,footer,header,hgroup,menu,nav,section { display: block; }
</style>
<link rel="stylesheet" type="text/css" href="dr.css" media="all" />
<script type="text/javascript">
var ua =navigator.userAgent;
if(ua.indexOf('iPhone') > -1 || ua.indexOf('iPad') > -1 || ua.indexOf('iPod') > -1)
var start = "touchstart";
else
var start = "click";
window.addEventListener(start,function(e){
if(e[0]) e=e[0]; // for iPad
var src=e.srcElement || e.target;
if(src.tagName.toLowerCase()=="span" && src.className=="q"){
src.nextSibling.className="open";
}
});
</script>
</head>
<?php
$max=isset($_GET["level"]) ? intval($_GET["level"]) : 15;
?>
<body>
<p><form>レベル<input type="number" name="level" value="<?=htmlspecialchars($max,ENT_QUOTES)?>"/>
<input type="submit" value="変更" /></form></p>
<hr />
<table>
<?php
for($j=0;$j<40;$j++){
echo "<tr>";
for($i=0;$i<4;$i++){
$a=mt_rand(1,$max);
while(($b=mt_rand(-$a,$max))==0);
$c=$a+$b;
$op=$b>0 ? "+" : "-";
echo "<td>";
$q=$a.$op.abs($b)."=";
$ans=$c;
echo "<span class=\"q\">$q</span><span class=\"ans\">$ans</span>";
echo "</td>";
}
echo "</tr>";
}
?>
</table>
</body>
</html>
cssはデモからパクって。
記事
カテゴリ
Amazon | Android | apache | Arduino | AWS | bash | bluetooth | Books | CakePHP | CakePHP3 | CakePHP4 | Chrome | Chromebook | CodeIgniter | CSS | Docker | Eclipse | Emacs | etc | Firefox | Flask | Gadget | git | Gnome | Google | Heroku | HTML | hugo | Internet | iPhone | IS01 | IS03 | Java | JavaScript | json | Kotlin | Laravel | LINE | magento | mysql | nginx | nodejs | Oops | PC | Perl | php | Python | Qt | Ruby | ruby | Shell | ssh | tdiary | twitter | ubuntu | unix | VirtualBox | Web | Windows | windows | WindowsMobile | WX5 | YAML | zsh | ここか | そば | つくる | つり | できごと | アクアリウム | ギター | セキュリティ | プリンタ | ベース | ボクシング | ポエム | マネー | メシ | ラズパイ | 仕事 | 作家 | 壮絶 | 妄想 | 忘れる | 料理 | 旅 | 暑い | 痛い | 社会 | 自転車 | 豚 | 車 | 車輪 | 酒 | 野球 | 銭湯 | 音楽 | 食
全部 : / 今日 :
近頃
profile