2018 ソフトウェア設計及び演習用の班Wiki
18::gr08::job.html
プログラム
<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>
最終更新日：2018/08/03 12:30:46
