Smile Blog

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

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

超音速のハリネズミさん

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

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

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

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

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

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

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

  • 解説

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

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

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

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

qa

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

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

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

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

 

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

Let’s try!!

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

いろは

いろは

■部署
開発部

■スペック(Level、身長、座高、属性、資格)
40℃くらいの水属性

■入社年
2017年

■趣味
8bitとカフェミュージック、白と茶色模様の犬、観葉植物、ナワバリを確保する試合(イカ)、ボウリング

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

■ひとこと
ここだけは譲れないポリシーは何?と聞かれたら真っ先に答えるのが「プライバシーポリシー」

関連記事

  1. 0I9A6577ISUMI_TP_V

    一人でも楽しめる!GWの過ごし方5選!!

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

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

  3. 1255_04

    Raspberry Piを使ってみよう 【オプション編】

  4. kokuyo_1

    働き方セミナーに参加してきました

  5. J18ZCO3IPA

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

  6. IMG_6697

    2017年新年のご挨拶。昨年を振りかえって

  7. qqq

    【鴨ふじ】天満駅より徒歩2分!鴨つけめんと炊き込みご飯のお店

  8. クリアボタン

    【作ってみた】GASでGoogleスプレッドシートのセルのクリアボタン

人気記事

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

最近の記事

  1. IMG_0351 オール兵庫報告②2部-分科会報告させていただきました
  2. img2 【新入社員研修】言葉遣い&ホメるセミナー
  3. Green12_fax20141123134902_TP_V どこでも送受信できるインターネットFAXを検討してみた
  4. kokuyo_1 働き方セミナーに参加してきました
  5. 0824_1 ランチ交流会 At ONZORO’s BIERRÖSTEREI
2017年10月
« 9月    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
PAGE TOP