2018 ソフトウェア設計及び演習用の班Wiki

18::gr08::job.html

archive mode

!!!役職確認モジュール
<<<jobInq()>>>
*引数なし
*操作
**ブラウザのセッションストレージから自分の名前を取得
**名前をサーバに送信し役職の問い合わせを行う
*戻り値なし

<<<jobimage()>>>
*引数
**役職の数字(1:あか2:パン3:エスパー4:ゴースト5:スーパー6:サイコ7:ウルフ)
*操作
**imageタグのsrcに役職ごとの画像を差し込む
**ブラウザのセッションストレージに役職の数字を書き込む
*戻り値なし

<<<msg(num)>>>
*引数
**役職の数字(1:あか2:パン3:エスパー4:ゴースト5:スーパー6:サイコ7:ウルフ)
*操作
**役職ごとの文章を挿入
*戻り値なし

<<プログラム>>
<pre>
<html>
<head>
  <meta charset="UTF-8">
  <title>job</title>
  <script src="/socket.io/socket.io.js"></script>
  <link rel="stylesheet" href="button.css" type="text/css">
  <link rel="stylesheet" href="moji.css" type="text/css">
    <style type="text/css">
      body{
      background-color:#ffffe0;
      font-family: font-demo1;
      text-align:center;
      font-size:200%;
      }
    </style>
</head>
<body>
  <center>
  <table>
  <tr><td><img id="job-image" src = ""></td><td><br><br><br><br><br><br><br>
     <font size="5">
     <p id ="msg1"> </p>
     <p id ="msg2">　</p>
     <p id ="msg3">　</p>
     </font>     
     <input type="button" value="次へ" onclick ="STnext()" class="square_btn"></td></tr>

</table>
  </center>
  <script type = "text/javascript">
      var socketio = io.connect();
      
      socketio.on("readwork_s",function (data){
      window.location ='hiru.html';  
      });

socketio.on("work_respons", function (data){
        jobimage(data.value);
        msg(data.value);
        var myname = sessionStorage.getItem("myname");
        if(data.value == 7){
            socketio.emit("team_wolf_inq" , {value:myname});
        }
      });
      socketio.on("team_wolf_res", function (data){
        if(data.value != ""){  
          document.getElementById('msg2').innerHTML = "あなたの仲間は"+data.value+"です";
        }
      });
      socketio.on("num_respons", function (data){
        var mynum = data.value;
        sessionStorage.setItem("mynum" , mynum);
      });
      
     function STnext(){
        document.getElementById('msg3').innerHTML = "他のプレイヤーの確認を待っています";
        var mynum = sessionStorage.getItem("mynum");

socketio.emit("readwork_c",{value:mynum});
      }
      
  	var jobpict = [	"aka.png" ,//あか
  			"pan.png" ,//ぱん
  			"esper.png" ,//えすぱー
  			"ghost.png" ,//ごーすと
  			"super.png" ,//スーパー
  			"psycho.png" ,//サイコ
  			"wolf.png"  //ウルフ
                      ];

function jobimage(jobnum){
        var jobimage = document.getElementById('job-image');
        jobimage.src = jobpict[jobnum - 1];
	sessionStorage.setItem("myjob" ,jobnum);
	}

function msg(num){
          var jobmsg = document.getElementById('msg1');
                    switch(num){
            case '1':jobmsg.innerHTML = "あなたはアカずきんです。<br>みんなと協力してウルフずきんを探しだし、追い出しましょう";break;
            case '2':jobmsg.innerHTML = "あなたはパンずきんです。<br>みんなと協力してウルフずきんを探しだし、追い出しましょう";break;
            case '3':jobmsg.innerHTML = "あなたはエスパーずきんです。<br>夜に一人だけ所属陣営を確認することができます。<br>みんなと協力してウルフずきんを探しだし、追い出しましょう";break;
            case '4':jobmsg.innerHTML = "あなたはゴーストずきんです。<br>夜に一人だけ死者の所属陣営を確認することができます。<br>みんなと協力してウルフずきんを探しだし、追い出しましょう";break;
            case '5':jobmsg.innerHTML = "あなたはスーパーずきんです。<br>選択したずきんをウルフから守ることができます。<br>みんなと協力してウルフずきんを探しだし、追い出しましょう。";break;
            case '6':jobmsg.innerHTML = "あなたはサイコずきんです。<br>あなたはウルフずきんの仲間ですが、だれがウルフずきんかはわかりません。<br>ウルフずきんと協力し、この村を手に入れましょう。";break;
            case '7':jobmsg.innerHTML = "あなたはウルフずきんです。<br>夜に一人のずきんを食べることができます。<br>仲間と協力してこの村を手に入れましょう";break;

}
        }
	function jobInq(){
	  
	  var myname = sessionStorage.getItem("myname");
	  socketio.emit("work_inquiry" , {value:myname});
	}
        jobInq();
    
  </script>
</body>
</html>
</pre>

Tag:

Attachment

New: append-tag

(download: 1077 bytes, at 2018/06/29 13:17:14 <frozen> )
(download: 1614 bytes, at 2018/06/29 14:26:26 <frozen> )
(download: 1635 bytes, at 2018/06/29 17:49:14 <frozen> )

Edit

18::gr08::job.html

Attachment

Syntax Help

URL Link

Page Link

Image or Attachment

Text Decoration

Special Letter

Headline

Itemize

Enumerate

Table

Description

Quotation

Preformatted text