説明 20秒の間にできるだけ沢山九九のクイズに正解する、というだけのゲーム。 とりあえず遊べる、くらいにはなったが、もうすこしデザインやゲームオーバー処理を作りこむ必要がある。 ゲーム × = スコア: 0点 経過時間: 0.0秒 var startTime; var timecoun…

ソースコード <form oninput="op1.value = (Number(w.value) / ((Number(h.value)/100) * (Number(h.value)/100))).toFixed(2) ;"> <p>身長:<input type="number" name="h" value="0" size="10"> </p> <p>体重: <input type="number" name="w" value="0" size="10"> </p> <p>BMI:&nbsp; <output name="op1">0</output></p> </form> テス…

ソースコード <p>身長(cm): <input type="number" id="height"></p> <p>体重(kg): <input type="number" id="weight"></p> <p><input type="button" value="BMIを計算" onclick="calc();"></p> <script type="text/javascript"> function calc(){ var h = Number(document.getElementById("height").value); var w = Number(document.get…

ソースコード <p><input type="Button" value="クリック" onclick="timefunc();"></p> <script type="text/javascript"> //引数がなければ、現在時刻のDateオブジェクトが生成される var now = new Date(); var nowtime = now.toLocaleString(); //引数が数値であれば、Unix Epochからのミリ秒数でDateオブジェクトが生成される var date1 = new Date(0); var dat…

うーん。 label forを使って、画像をクリックした時にradioが反応するようにしたいんだけど、はてなブログではうまくいかない。 まだ調査中。 <form> <label><input type="radio" name="kinotake" value="kinoko" id="kinoko">きのこの山 </label> <label><input type="radio" name="kinotake" value="takenoko" id="takenoko">たけのこの山</label> </form> <label for="kinoko">[f:id:barutanGNE…</label>

CSS入門 (全20回) - プログラミングならドットインストール CSSに限った話ではないが、三分ほどの動画で基本事項を教えてもらえる。デザインに関わるだけに、それぞれのプロパティの効果がすぐわかってわかりやすい。CSS3の解説動画も別にある。CSS Tutorial…