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. AB

    【作ってみた】googleスプレッドシートでチーム分けサイコロ

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

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

  3. 0824_1

    ランチ交流会 At ONZORO’s BIERRÖSTEREI

  4. 17547063_1414899705247805_572592603674023409_o

    2017年度合同入社式

  5. 石田三成CM

    話題沸騰!石田三成CM続編公開!

  6. 0

    2017年度 経営計画発表会が開催されました

  7. SUMMER SONIC 2016行ってきた

  8. img_01

    西宮の魅力発信

人気記事

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

最近の記事

  1. 9f803b3532fa44bcb3001cac6734d898_m 埋込み式のGoogleカレンダーの色を自由自在にカスタマイズする方法
  2. 66a4ab51ed9ffc879ff0cf5064d744e7_m EFO(入力フォーム最適化)で成約率を上げる10のテクニック
  3. FullSizeRender-9-1-1024x768 コワーキングスペースで働く3つのメリット
  4. tukutte09 【作ってみた】本型収納箱「BOOKBOX」でアクセサリーボックス
  5. S__16556226 ITよろず相談会開催!ROUGH LABO扇町
2017年12月
« 11月    
 123
45678910
11121314151617
18192021222324
25262728293031
PAGE TOP