Smile Blog

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

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

超音速のハリネズミさん

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

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

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

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

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

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

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

  • 解説

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

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

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

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

qa

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

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

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

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

 

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

Let’s try!!

いろは

いろは

■部署
開発部

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

■入社年
2017年

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

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

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

関連記事

  1. 伝わってない

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

  2. 「いま、ふたたびの奈良へ。」より

    スランプ脱出法 - 「そうだ奈良行こう。」~長谷寺編~

  3. SUMMER SONIC 2016行ってきた

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

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

  5. mv_puzzle

    【作ってみた】jQuery UI sortable でデジタルパズル

  6. 1255_04

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

  7. 0I9A6577ISUMI_TP_V

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

  8. IMG_6697

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

人気記事

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

最近の記事

  1. ブログ 【新入社員研修】相手が理解しやすい3つの話し方
  2. friends_obentou_suit ランチのインスタント麺からマーケティングを学ぶ
  3. img1 MG研修 at スマイルヴィジョン
  4. 23427785851_ef57e419c1_k 新サービス[スマレジ+EC]リリースのお知らせ
  5. 伝わってない 【新入社員研修】伝わる×伝える=感じるセミナー
2017年8月
« 7月    
 123456
78910111213
14151617181920
21222324252627
28293031  
PAGE TOP