2013-10-01 [長年日記]

_ [つくる][Web] 計算地獄(子供用)

ひたすら計算をする。デモ
問題の式をクリックあるいはタッチすると答が出る。採点機能はない。

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 | ここか | そば | つくる | つり | できごと | アクアリウム | ギター | セキュリティ | プリンタ | ベース | ボクシング | ポエム | マネー | メシ | ラズパイ | 仕事 | 作家 | 壮絶 | 妄想 | 忘れる | 料理 | | 暑い | 痛い | 社会 | 自転車 | | | 車輪 | | 野球 | 銭湯 | 音楽 |

全部 : / 今日 :

近頃

  1. あっ (10-31)

links

profile

もっとヒゲ伸ばしたい。