barutanGNE's blog

kindleで読んだ本の感想や、プログラミングに関する記事など。

JavaScript

JavaScriptでmap,filter,reduceなど

頑張ってHaskell, Pythonとの比較もしてみる。ちなみに自分は、Haskell、Python、JavaScriptと全てあまりレベルが高くないので、もっと簡潔に書ける可能性大いにあり。それほど大した例じゃないけれども。 ただ、出発点が 「Haskellで簡潔に書けるあれは、Ja…

はてなブログでjQueryテスト

ソースコード <div id="box" style="width:100px; height:100px; background: red;"> </div> <script> $(function() { $("#box").mouseover( function(){ $(this).css("background","green"); }) .mouseout( function(){ $(this).css("background","red"); }); }) </script> テスト $(function() { $("#box").mouseover( function(){…

JavaScriptで掛け算ゲーム

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

HTML5のoutputを使ってBMI計算

ソースコード <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> テス…

JavaScriptでBMI計算

ソースコード <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…

JavaScriptのDateオブジェクト初期化あれこれ

ソースコード <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…