Newer
Older
skip-web / event / oasis2017 / quiz / muzukasi.rb
#!/usr/bin/env ruby
# -*- coding: utf-8 -*- 

require 'cgi'
c = CGI.new(:accept_charset => "UTF-8")
print "Content-type: text/html; charset=UTF-8\n\n"

number = c["rd"]
img = c["img"]
def outinput(value, name)
  printf("<label><input type=\"radio\" name=\"rd\" value=\"%s\">%s</label>", value, name)
end


if number == ""  #初回起動時のみ
  number = "1"    #numberに"1"を代入
end

x = {"1" =>  ["<h1>第一問<br></h1>", {"2" => "鳥海山<br>", "3" => "湯殿山<br>", "4" => "月山<br>"}],
  "2" =>  ["<h1>第一問<br></h1>", {"2" => "鳥海山<br>", "3" => "湯殿山<br>", "4" => "月山<br>"}],
  "3" =>  ["<h1>第一問<br></h1>", {"2" => "鳥海山<br>", "3" => "湯殿山<br>", "4" => "月山<br>"}],
  "4" => ["<h1>正解!!!!<br></h1>", "<p>動画の視聴は自分の判断で・・・</p>"],
  "5" => ["<h1>第二問<br></h1>", {"6" => "丸池様<br>", "7" => "ただの池<br>", "8" => "鶴間池<br>"}],
  "6" => ["<h1>正解!!!!<br></h1>", "<p>動画の視聴は自分の判断で・・・</p>"],
  "7" => ["<h1>第二問<br></h1>", {"6" => "丸池様<br>", "7" => "ただの池<br>", "8" => "鶴間池<br>"}],
  "8" => ["<h1>第二問<br></h1>", {"6" => "丸池様<br>", "7" => "ただの池<br>", "8"=> "鶴間池<br>"}],
  "9" => ["<h1>第三問<br></h1>", {"10" => "一の滝二の滝<br>", "11" => "七ッ滝<br>", "12" => "三の滝<br>"}],
  "10" => ["<h1>第三問<br></h1>", {"10" => "一の滝二の滝<br>", "11" => "七ッ滝<br>", "12" => "三の滝<br>"}],
  "11" => ["<h1>正解!!!!<br></h1>", "<p>動画の視聴は自分の判断で・・・</p>"],
  "12" => ["<h1>第三問<br></h1>", {"10" => "一の滝二の滝<br>", "11" => "七ッ滝<br>", "12" => "三の滝<br>"}],
  "13" => []
}



print"<html><head><title>クイズ</title></head><body>\n"

print"<form method=\"POST\" action=\"./muzukasi.rb\">\n"

q = x[number]

#ifで場合分け初めてその問題に行く、正解、不正解1、不正解2,の4通り
if number == "1" || number == "5" || number == "9" #初めて挑戦
  printf("<p>%s</p>", q[0])
  if number == "1"
    printf("<p><a href=\"gassan.JPG\"><img src=\"gassan_mini.JPG\" alt=\"gassan\" height=\"333px\" width=\"500px\"></a></p>")
  elsif number == "5"
    printf("<p><a href=\"maru.jpg\"><img src=\"maru_mini.jpg\" alt=\"maru\" height=\"300px\" width=\"300px\"></a></p>")
  elsif number == "9"
    printf("<p><a href=\"1-2.jpg\"><img src=\"1-2_mini.jpg\" alt=\"1-2\" height=\"300px\" width=\"500px\"></a></p>")
  end
  for v, sel in q[1]
    outinput(v, sel)
  end
  print"<input name=\"ok\" type=\"submit\" value=\"送信\">\n"
  print"<input name=\"ng\" type=\"reset\" value=\"リセット\">\n"
elsif number == "4" || number == "6" || number == "11"          #正解
  printf("%s", q[0])
  printf("%s", q[1])
  if number == "4"
    print("<p>")
    printf("<video controls wight=\"320\"height=\"240\"><source src=\"skipseikai1.mp4\"></video>")
    print("<\p>")
    printf("<label><input type=\"radio\" name=\"rd\" value=\"5\">次へ進もう<br></label>")
  elsif number == "6"
    print("<p>")
    printf("<video controls wight=\"320\"height=\"240\"><source src=\"skipseikai4.mp4\"></video>")
    print("<\p>")
    printf("<label><input type=\"radio\" name=\"rd\" value=\"9\">次へ進もう<br></label>")
  elsif number == "11"
    print("<p>")
    printf("<video controls wight=\"320\"height=\"240\"><source src=\"skipseikai5.mp4\"></video>")
    print("<\p>")
    printf("<label><input type=\"radio\" name=\"rd\" value=\"13\">次へ進もう<br></label>")
  end
  printf("<input type=\"submit\" value=\"次へ\">")
  
elsif number == "2" || number == "7" || number == "10"          #不正解1
  print("<h1>残念!もう一度挑戦だーー</h1>")
  printf("<p>%s</p>", q[0])
  if number == "2"
    printf("<p><a href=\"gassan.JPG\"><img src=\"gassan_mini.JPG\" alt=\"gassan\" height=\"333px\" width=\"500px\"></a></p>")
  elsif number == "7"
    printf("<p><a href=\"maru.jpg\"><img src=\"maru_mini.jpg\" alt=\"maru\" height=\"300px\" width=\"300px\"></a></p>")
  elsif number == "10"
    printf("<p><a href=\"1-2.jpg\"><img src=\"1-2_mini.jpg\" alt=\"1-2\" height=\"300px\" width=\"500px\"></a></p>")
  end
  for v, sel in q[1]
    outinput(v, sel)
  end
  print"<input name=\"ok\" type=\"submit\" value=\"送信\">\n"
  print"<input name=\"ng\" type=\"reset\" value=\"リセット\">\n"
elsif number == "3" || number == "8" || number == "12"        #不正解2
  print("<h1>惜しい!もう一度やってみよーー</h1>")
  printf("<p>%s</p>", q[0])
  if number == "3"
    printf("<p><a href=\"gassan.JPG\"><img src=\"gassan_mini.JPG\" alt=\"gassan\" height=\"333px\" width=\"500px\"></a></p>")
  elsif number == "8"
    printf("<p><a href=\"maru.jpg\"><img src=\"maru_mini.jpg\" alt=\"maru\" height=\"300px\" width=\"300px\"></a></p>")
  elsif number == "12"
    printf("<p><a href=\"1-2.jpg\"><img src=\"1-2_mini.jpg\" alt=\"1-2\" height=\"300px\" width=\"500px\"></a></p>")
  end
  for v, sel in q[1]
    outinput(v, sel)
  end
  print"<input name=\"ok\" type=\"submit\" value=\"送信\">\n"
  print"<input name=\"ng\" type=\"reset\" value=\"リセット\">\n"
elsif number == "13"
  print("<h1>結果発表</h1>")
end
print"</form>\n"
print "</body>\n"
print "</html>\n"