プログラミング

JavaScripの練習でストップウォッチと割り勘電卓作ってみた

ども!JavaScriptでストップウォッチと割り勘電卓を作りました。

毎度おなじみドットインストールです。

 

 

ストップウォッチはみためこんな感じ

これはドットインストールのやつをそのまま作ったって感じですね。

強いて結えば、ドットインストールはスタイルシートとHTMLを一緒のファイルで作ってたのを僕は分けたってだけです。

そんなたいしたスタイル設定もないんですが・・・笑

 

 

次、割り勘電卓です。

これはドットインストールのやつから少し変えました。

 

ごらんの通り、どこまで割る?って言うのがはいっています。これで、きっちり割りたいのか、アバウトでいいのかを使用時に選択できます。

 

 

使ってみたらこんな感じになります。そして、数字以外の文字列を入れてしまったらしっかり警告してくれるようにフールプルーフを少し意識してみました。(フールプルーフの使い方あってるのかな?基本情報で勉強したことを使いたくなった人・・・笑)

 

試しに、支払額のところに数値以外の数を入力してみましょう!

 

こんな感じで、赤枠で囲われて、「数値を入力してください」と怒られてしまいます。

 

 

ドットインストールに、「JavaScriptで数字タッチゲーム」と「JavaScriptで神経衰弱」ってのがありました。次はそれをつくってみたいなーと。ゲーム系になると、いろいろ改造が出来そうで楽しそう。

コード写経もいいけど、やっぱり改造自分でした方が力つくっていいますしねー!

 

にほんブログ村 大学生日記ブログ 理系大学生へ
にほんブログ村

公式LINEに登録してビジネスを学ぼう
無料LINEマガジンへの登録で、5つの豪華特典をプレゼント!
  1. 日本一わかりやすい「経済的自立を果たす人生攻略の10ステップ」(33分23秒)
  2. 見るだけで売上3倍は確実。「時給10円から年商10億」に至るまでの全ての道のり(39分15秒)
  3. 有料講演会の内容を公開。最短最速で0→1を立ち上げる起業術(1時間08分35秒)
  4. 起業初心者へ向けた即金で10万円を稼ぐ具体マニュアル(PDF24ページ)
  5. 資本主義社会においてお金持ちになる5つのルール(17分36秒)
その他、有益なコラムを完全無料で閲覧し放題!
\豪華特典を今すぐゲット/