Smile Blog

スマイルヴィジョンスタッフが運営する広報ブログ

【作ってみた】入力ダイアログで謎解きゲーム

超音速のハリネズミさん

ども!開発部のいろはです!(`・ω・´)

突然ですが皆さんは、「重ね言葉」をご存知でしょうか?
重ね言葉とは「まず第一に…」「後で後悔した」
など、それとなく同じ言葉同士を繋げてしまうことです。

うーむ…考えていても無意識にポロって言ってしまいそうですね…
(友達の前で「頭痛が痛い」と言った時にその場にいた全員から総ツッコミされたのは今となればいい思い出です)
この他にも「最◯の切り札」「音速のソ◯ック」もこれに含まれるだとか

前置きはさておき、今回は謎解きゲームをご用意いたしましたので頭の体操がてら、お読みいただければ幸いです。

入力ダイアログで謎解きゲーム

今回はjavaScriptの「Window」を使い、指定した値が入力された時だけ処理を行なうプログラムを作ってみました!

  • ソース ※一部変更を加えております

  • 解説

t4  t5
左上の宝箱を押下すると右下のようなフォームが出現します。
この白い枠の部分がJava Scriptのフォームです!
(今回は正解の値を入力すると正解ページに飛ぶように設定しました)

このダイアログを表示しているのは

この「window.prompt()」という部分です。

青色で囲まれた部分が利用者に表示されるテキストで、
オレンジ色で囲まれた部分がフォームの初期値になります。

qa

この入力欄に正しい答えが入力されると正解ページに移動しますが、
不正解の場合とキャンセルを選択した場合は以下のようになります。

キャンセルか、ブラウザの✕を選択すると「null」になります。
今回は不正解の判定を行いたいので、演算子の「!=」を使用しました。
よって、「キャンセルか✕を選択しなければ」という意味になります。

elseでキャンセルか✕を選択した時の処理を書きます。
メッセージだけを表示させたい場合は「window.alert()」を使用します。

また、画像を押して入力ダイアログを開くようにするには「onClick」を使用します。

 

この問題は以下のボタンから遊ぶことができますので、よろしければ是非チャレンジしてみてください!
(半角数字のみでお答えください)

Let’s try!!

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

いろは

いろは

■部署
開発部

■スペック(Level、身長、座高、属性、資格)
水属性(95℃)

■入社年
2017年

■趣味
ごはん(つくる)、白と茶色模様の犬、観葉植物、ボウリング、8bitの音楽

■座右の銘
明けない夜はない

■ひとこと
365日休まず抹茶回収いたします

関連記事

  1. 0831_01

    「広告」と「広報」の違い

  2. 伝わってない

    【新入社員研修】伝わる×伝える=感じるセミナー

  3. mv_job

    イベント来場者管理アプリ「SmileTracking」について

  4. Raspberry Piを使ってみよう 【セットアップ編】

    Raspberry Piを使ってみよう 【セットアップ編】

  5. J18ZCO3IPA

    ビジネスバッグは最後のオシャレ

  6. 0627

    【インターン日記】4日間でスマイルヴィジョンの仕事を体験して

  7. mv_tukutte10

    【作ってみた】LINE NotifyとGoogle Apps Scriptで天気予報

  8. 2017年スタートアップトレンド (アメリカ版)

    2017年スタートアップトレンド (アメリカ版)

人気記事

  1. クリアボタン
  2. mv
  3. 安い!美味い! 【大阪天満・天神橋筋商店街の食レポ】
  4. 9f803b3532fa44bcb3001cac6734d898_m
  5. 新入社員研修「伝える+伝わるセミナー」
  6. tukutte08
  7. タイ料理「天満3パクチー」
  8. 2017年スタートアップトレンド (アメリカ版)
  9. 大阪天満天神橋筋商店街がっつりBEEF_KINGOFSTEAK

最近の記事

  1. mv_tsukatte02 【使ってみた】プログラミングが練習できるサイトを集めてみた
  2. c48549e5450e30d62215e30331440f8e_m 【WordPress】記事の順番を直感的に並べ替える!Intuitive Cus…
  3. mv_tukutte10 【作ってみた】LINE NotifyとGoogle Apps Scriptで天気…
  4. IMG_1067 ペンキを塗ってみた|コワーキングを経営する事になった話3
  5. mv_tsukatte01 【使ってみた】LINE Notifyを使ってトークルームにメッセージ送信
2018年4月
« 3月    
 1
2345678
9101112131415
16171819202122
23242526272829
30  
PAGE TOP