まほうじゅＰＬＡＺＡ、ご案内ブログなど、まほうじゅブログの詞
子供たちが駒に向かい 視界を広げ
火車（ひしゃ）や 勝利や 知恵までも つかもうとしている
「まほうじゅとは、おもちゃだよ。」と、ウソを言えない私、
見る間に学力が伸びるの気づいていた
部屋のオブジェが表す 「何か」
ボケかけのママの脳も揺さぶるらしい
互いにとって、気持ちいつも探る遊び
ちょっと、教室じゃ習えない「まほう術」
（Ｍｅｌｏｄｙ：久保田早紀「異邦人」）
＊＊＊＊＊＊
＊クリックすると何かが起こるプログラム
mygram.html </script>直前に２行追加します。
box2.onclick=function(){ tozero()； }
function tozero(){ c=0；box2.innerHTML=c； }
box2をクリックした時に、関数tozero()を実行するよう仕掛けています。
次の行が、その関数tozero()の定義です。変数cを０にして表示。
つまり、カウント表示部をクリックしたらリセットされる機能です。
クリックした時のイベントを作り上げたということです。
クリックしたらその関数を実行する、という書き方は
box2.onclick=tozero；
とも書くことができます。これは
window.onkeydown=presskey
何かキーが押されたら他に手順を定義しているpresskeyを実行
と同じく、実行を完全に定義先に任せるパターンです。
してみれば、これもキー入力があった時のイベント定義だったのです。
box2.onclick=function(){ tozero()； }
は、クリックした時の動作を中カッコに入れています。
関数に限らず、いろんな動作をじかに書くこともできるのです。つまり
box2.onclick=function(){ c=0；box2.innerHTML=c； }
と書くのもありということです。これなら他に定義はいりません。
何かをクリックしたら何かを起こせることがわかりました。
そして、JavaScriptで設定を書き換えられることもわかっています。
その設定には、left、topなど、配置を決めるものもあります。
クリックでそれが変化するようにしたら、画面上を動かすこともできそうです。
これは言ってみれば制御入門です。チャレンジしてみてはどうでしょう。
次回は「データの活用：音源と写真」
シリーズ「おうちではじめるプログラミング」として連載しています。
途中から読んでもわからない記事だと思うので
バックナンバーをご確認ください。1話から読むことをお勧めします。
テーマ別「プログラミング入門」
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
