プログラミング

JavaScript初めてみた!うらないとスロット作成したよ

さて、昨日HTMLとCSSでサイト作ったので、今日はJavaScriptに挑戦です。

とりあえず、Ruby on Railsを早く触ってみたいので、前提知識のHTML,CSS,JavaScriptはさくっと終わらせる予定です。

 

マークアップ言語は触ったことがなかったのでちょっと時間かかりましたが、JavaScriptはループとかがC言語っぽくて、変数定義とかがSwiftっぽいところがあったので、なかなかスイスイ進みました。

 

まずはドットインストールで基礎を学んで、そしたらJavaScript実践編っていうのもあったので、そこを利用しておみくじとスロットマシンを作ってみました。

スロットマシンは、ドットインストールのを少し改変して、「お金が表示されて、一回プレイするのにお金が必要で、勝ったらお金が増え、お金がなくなったら自動リロード」という機能をつけました。

 

GitHubにソースコード公開してみるのもいいのかなーと思います。また機会があったらソースコード公開してみます。GitHub最近使い始めて、まだ使い方よくわかってないので。

 

おみくじはこんな感じです。

 

「あなたの運勢は?」のボタンを押すと、ダイアログ表示で運勢がでて、ついでにボタンの下の文字も変化するって言う単純なおみくじです。

ドットインストールのやつをなにも改変していません。

 

次、スロットマシンのやつは

こんな感じで、スタートを押すと、スロットが回り始めます。

それぞれのSTOPボタンを押すと、スロットが止まり、何個揃うかでもらえるお金がかわります。

 

 

所持金0でスタートボタンを押したりすると、こんな感じになります。

 

スタバに長居して作りました。

なかなか集中できるし、wi-fi使い放題って言うのがまたいいですね。

今日初スタバだったんですが、気に入りました。

 

次はストップウォッチとか神経衰弱とか作ってみます。

公式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秒)
その他、有益なコラムを完全無料で閲覧し放題!
\豪華特典を今すぐゲット/