簡単な電卓を作ってみる:JAVAスプリクト初心者入門講座


JavaScript初心者さんの入門書です

簡単な電卓を作ってみる

JAVAスプリクトでは、なんと電卓も作ることが出来ます。その気になれば、皆さんがよく目にする数字のボタンと四則演算のボタンが並んだお馴染みの電卓も作ることが出来ますが、 今回は式を自分で入力するタイプの本当に簡単な電卓を作りたいと思います。

では、早速ですがサンプルです。

<script type="text/javascript">
<!--
function Keisanki(){
var obj = window.document.form1.text1;
var keisanshiki = obj.value;
if (keisanshiki == "") { return; }
obj.value = eval(keisanshiki);
}
//-->
</script>
<form name="form1">
<input type="text" name="text1" size=8 maxlength=8>
<input type="button" value="計算" onClick="Keisanki()">
</form>

それでは実行してみましょう。テキストボックスに計算式を入れて、計算ボタンを押すと、テキストボックスの中身が計算結果になったはずです。

しかしながら、この計算機は、例外処理をしていないので、変な数式を入力すると変な結果になってしまいます。 余力があれば、入力フォーマットを設定して、不正な文字を入力したときには「入力が不正です」といったメッセージを表示するようにして見て下さい。

さて、ここまでJAVAスクリプトの事例や素材をご紹介してきましたが、いかがでしたでしょうか。 初心者の方の入門用の講座として、解説してきましたが、あなたの参考になれば幸いです。

JAVAスクリプト初心者入門講座は、これで最終回となりますが、今まで閲覧頂き有難うございました。

カテゴリー:応用編

「簡単な電卓を作ってみる」は参考になりましたか?

簡単な電卓を作ってみる:関連記事

お気に入りに追加する機能を作る
皆さんは、Webページを巡回しているときに、ふと「お気に入りに追加」などというボタンをみかけたこと...

ページの移動時にメッセージを表示してみる
普通、というかほとんどのページではそうですが、ページを移動するときには、リンクをクリックすればすぐ...

おみくじを作ってみる
さて、JAVAスプリクトでおみくじを作ってみましょう。ビジターは、ページを訪れる度に、大吉から大凶...

マウスクリックで画像を変えてみる
何かをクリックしたら、何かの処理が起こる、という手法は、様々な場面で使われます。多くの場合、そのク...

簡単なパスワード認証
会員制サイトや、HPやブログの管理者ページでは、パスワード認証をして初めて見られるようになるという...

外部ファイルの読み込み
例えばC言語においては、関数の定義などを、外部ファイルに定義して、それをプログラム中の#inclu...

ちょっとした視覚効果
JAVAスプリクトを使って本当にちょっとした視覚効果をやってみましょう。視覚効果といっても、たいし...

プルダウンメニューの表示
リンクの多いページによっては、そのリンク先をプルダウンメニューなどを使って選ばせて、そうしてリンク...

右クリックの禁止
右クリックの禁止の設定は、画像を載せていたり、MIDIを流すようなサイト等に多いですが、そういった...

文字の解説を表示
Webサイトを見ていたときに、ふと気になった単語にマウスカーソルを当てると、その言葉の注釈のような...

時間のカウント
アップローダーからファイルをダウンロードするとき、残り何秒お待ち下さい、などという表示がでて、その...

モニタの大きさを取得
モニタの大きさを取得することは、Webページを作る上では重要なことです。たとえば、ある画像を表示さ...

ブラウザ別にメッセージを表示
InternetExplorerやFirefoxなど、皆さんが使っているブラウザのほとんどは、OS...

アラートを使った簡単なクイズ
JAVAスプリクトは、応用次第ではゲームも作ることが出来ます。今回は、ボタンとアラートを使って簡単...

ボタンを押してアラートを表示させる
皆さんは既に、ブラウザのソースに記述して、ページを開いたらそれが実行されるタイプのJAVAスクリプ...