Owndで整角四角形問題パズルを作る

 とりいそぎ、作ってみた。

簡素な作りになっているので、せめてボタンくらいはサイズ変更しておこうかな。

整角四角形問題パズル

作ってみたのはいいんだけど、問題が決定されると、どんどん縦に長くなっていくトラブルがあるね。

どうやって回避しようかな。

どうやら、HTMLをぶち込んだところが、どんどんと長くなっているようだ。

その親ノードのoffsetHeightを取得して、変更されるたびに、初期の値に戻そうかな。

<div id="chek" style="width: 100%;"></div>
<input type="hidden" id='width' />
<input type="hidden" id='height' />
<script type="javascript">
onload=function()
{
    function hoge() {
        /* 処理 */
        document.getElementById('check').parentNode.style.height = document.getElementById('height').value;
    }

    /* 処理 */

    var check = document.getElementBy('check');
    document.getElementById('width').value = check.offsetWidth;
    document.getElementById('height').value = check.parentNode.offsetHeight;
}

のような記述をして、回避しました。


パズルとしておきながら、数学パズルではあるんだけど、特にパズル的要素はないな。

何か、こうしたほうがいいとか、ああしたほうがいいとか、ありましたら、コメントください。


ではでは