人気ブログランキング | 話題のタグを見る

JavaScript の電卓プログラム

JavaScript で電卓のプログラムを作ってみた。緑色のバーをドラッグすると電卓の位置をかえることができる。jQuery は使わず JavaScript だけで作ってみた。

電卓のプログラムには JavaScript で作れる Web アプリケーションのエッセンスがすべて揃っているような気がする。<div>要素でくみ上げた論理的なユニットを css でレイアウトしていく方法や、div 要素にイベントハンドラを関連付けるだけで作ることのできるイベントドリブンのプログラム。また、マウスを使ってプログラムの要素を自由に画面の中で操作する方法などが電卓の小さなプログラムの中に詰まっている。

これらのテクニックは電卓以外のプログラムの作成に簡単に利用することができる。また、このアプリケーションをウェブのサイトに置いておくと、いつでも、どのパソコンでも、どの OS でも、どのブラウザでもアプリケーションの利用が可能だ。

日曜プログラマにとっては、HTML、CSS、JavaScript の組み合わせは、最強のプログラム言語であるような気がする。

by tnomura9 | 2015-12-11 19:25 | JavaScript | Comments(0)
<< JavaScript の付箋紙... JavaScript のオブジェクト >>