// Created by Lily Mea /*MESSY CODE TBH:( I AM A BEGINNER. IF YOU FOUND ANY PROBLEM,COMMENT..I HOPE I HAVE TIME TO FIX AND NEAT THIS :(*/ let load,pages, start, savename,addplayer, playernamelist, roleamount, h3, iplayer, playerandrole, chooserole, showrole, acceptrole, werewolfrole, citizenrole, policerole, doctorrole, killed, protect, spied, suspicious,startvote, killedby, voterh3,voteddiv, votedname, votedthis, max, out, startnight,myname,showmyrole, confirmkilled, arr, arrw, arrd,dead,startnew,knowkilled; let copyplayerandrole = {}; let teller = []; dead = []; let listmax; let voteresult = []; let countvote = 0; let countkilled = 0; playernamelist = []; roleamount = []; iplayer = 0; playerandrole = {}; killed = []; suspicious= []; protect = []; spied = []; let count = 0; window.onload = function () { knowkilled = document.getElementsByClassName("kkilled")[0]; startnew = document.getElementsByClassName("startnew")[0]; myname = document.getElementsByClassName("namelist")[0]; showmyrole = document.getElementsByClassName("showmyrole")[0]; startnight = document.getElementsByClassName("startnight")[0]; voteddiv = document.getElementsByClassName("voted")[0]; voterh3 = document.getElementsByClassName("voter")[0]; killedby = document.getElementsByClassName("killed")[0]; startvote = document.getElementsByClassName("startvote")[0]; showtherole = document.getElementsByClassName("showtherole")[0]; acceptrole = document.getElementsByClassName("acceptrole")[0]; showrole = document.getElementsByClassName("showrole")[0]; chooserole = document.getElementsByClassName("chooserole")[0]; h3 = document.getElementsByClassName("playername")[0]; submitrole = document.getElementsByClassName("submitrole")[0]; select = document.getElementsByClassName("role"); pages = document.getElementsByClassName("pages"); savename = document.getElementsByClassName("savename")[0]; start = document.getElementsByClassName("start")[0]; addplayer = document.getElementsByClassName("addplayer")[0]; start.onclick = fstart; addplayer.onclick = faddplayer; savename.onclick = fsavename; submitrole.onclick = fsubmitrole; chooserole.onclick = fchooserole; acceptrole.onclick = fotherrole; startvote.onclick = fstartvote; startnight.onclick = fstartnight; showmyrole.onclick = fshowmyrole; startnew.onclik = fstartnew; knowkilled.onclick = fknowkilled; startnew.onclick = fstartnew; } function fstartnew () { copyplayerandrole = {}; teller = []; dead = []; listmax = []; voteresult = []; countvote = 0; countkilled = 0; playernamelist = []; roleamount = []; iplayer = 0; playerandrole = {}; killed = []; suspicious= []; protect = []; spied = []; allw = []; alld = []; all = []; $(".playernames").remove() pages[10].style.display = "none"; pages[1].style.display = "block"; } function faddplayer () { let name = prompt(" Enter Name "); if(name != undefined && name!=""){ name = name.toUpperCase(); let newname; if(name.indexOf(" ")!=-1){ newname = name.split(" ").join("") }else{ newname = name; } playernamelist.push(newname); let p = document.createElement("p"); let spn =document.createElement("span") pages[1].appendChild(p); p.classList.add("playernames"); p.innerHTML =newname+ " x "; }else if(name == undefined || name == "") { name = "NO NAME"; let newname; if(name.indexOf(" ")!=-1){ newname = name.split(" ").join(""); }else{ newname = name; } playernamelist.push(newname); let p = document.createElement("p"); pages[1].appendChild(p); p.classList.add("playernames") p.innerHTML =newname + " x "; } let delet = document.getElementsByClassName("delete"); for (x of delet){ x.onclick = fdelete; } } function fdelete(){ let name = $(this).parent().text(); let nname = name.split(" "); let ind = playernamelist.indexOf(nname[0]); playernamelist.splice(ind,1); $(this).parent().empty(); } function fstart () { pages[0].style.display = "none"; pages[1].style.display = "block"; } function fsavename () { if(playernamelist.length >= 4){ pages[1].style.display = "none"; pages[2].style.display = "block"; $(".playernum").html(playernamelist.length + " PLAYERS"); }else { alert("MUST AT LEAST HAVE 4 PLAYERS TO PLAY"); } } function fsubmitrole () { let w = select[0].options[select[0].selectedIndex].value; let c = select[1].options[select[1].selectedIndex].value; let d = select[2].options[select[2].selectedIndex].value; let p = select[3].options[select[3].selectedIndex].value; let amount = parseInt(w) + parseInt(c) + parseInt(d) + parseInt(p); if ( playernamelist.length != amount ) { alert("ROLES DONT MATCH THE PLAYERS' NUMBER'"); } else { froleamount(w, c, d, p); displaypage4(); pages[2].style.display = "none"; pages[3].style.display = "block"; } } function froleamount (w, c, d, p) { for (let i = 0;i < w ; i++){ roleamount.push("WEREWOLF"); } for (let i = 0;i < c ; i++){ roleamount.push("CITIZEN"); } for (let i = 0;i < d ; i++){ roleamount.push("PROTECTOR"); } for (let i = 0;i < p ; i++){ roleamount.push("FORTUNE TELLER"); } //CHOOSING ROLE AND REMOVE USED ROLE for (let j = 0 ; j < playernamelist.length ;j++){ let i = (Math.ceil(Math.random() * roleamount.length))-1; playerandrole[playernamelist[j]]=roleamount[i]; copyplayerandrole[playernamelist[j]]=roleamount[i]; roleamount.splice(i, 1); voteresult.push(0); } } function fknowkilled () { if(arr.length == 1 && arr.length == arrw.length){ pages[11].style.display = "none"; fstartnight() }else{ pages[11].style.display = "none"; pages[5].style.display = "block"; } } function displaypage4 () { if(iplayer >= playernamelist.length){ pages[3].style.display = "none"; pages[11].style.display = "block"; iplayer = 0; confirmkilled = []; if(killed.length > 1){ for (x of killed){ if (confirmkilled.indexOf(x)!= -1){ confirmkilled.push(x); }else { killed.splice(killed.length-1,killed.length); killed.push(x); } } } if (killed.length == 0){ let rand = (Math.ceil(Math.random()*confirmkilled.length))-1; killed.push(confirmkilled[rand]) } if (protect[0] == killed[0]){ killedby.innerHTML = "

NOBODY DIE

"; } else { killedby.innerHTML = killed[0]+" WAS KILLED"; let ind = playernamelist.indexOf(killed[0]); playerandrole[playernamelist[ind]] = "DEAD"; //ALL DEAD dead.push(playernamelist[ind]); playernamelist.splice(ind, 1); voteresult.splice(ind, 1) ; } arr = []; arrw = []; arrd = []; for(x in playerandrole){ if (playerandrole[x] == "WEREWOLF"){ arrw.push(playerandrole[x]) }else if(playerandrole[x] == "DEAD"){ arrd.push(playerandrole[x]); }else { arr.push(playerandrole[x]); } } killed = [] protect = [] countkilled++; } h3.innerHTML = playernamelist[iplayer]; } //~PILIH KAD RANDOM function fchooserole () { pages[3].style.display = "none"; pages[4].style.display = "block"; let player = playernamelist[iplayer]; showrole.innerHTML = player + " , YOU ARE : "+playerandrole[player]; let myrole = therole(playerandrole[player]); setrole(myrole); iplayer++; } function fotherrole () { $(".showtherole").empty(); pages[4].style.display = "none"; pages[3].style.display = "block"; displaypage4(); } function therole (role) { let myrole = role; switch (myrole) { case "WEREWOLF": $(".votedstate").empty(); acceptrole.disabled = true; for(let i = 0;i0){ for(i = 0;i ").text(teller[i]+" : KILL "+killed[i]) $(".votedstate").append(newp) } } break; case "CITIZEN": $(".votedstate").empty(); acceptrole.disabled = true; for(let i = 0;i

").text(playernamelist[i]); let vbtn = $("
").text("VOTE"); $(voteddiv).append(txt); $(voteddiv).append(vbtn); } votedthis = document.getElementsByClassName("votedthis"); for (x of votedthis){ x.onclick = voting; } countvote++ } else { countvote = 0; checkresult(); } } function voting () { let ask = confirm("VOTE HIM/HER?"); if (ask == true){ let name = this.previousSibling.innerHTML let ind = playernamelist.indexOf(name); voteresult[ind] += 1; $(voteddiv).empty(); showvote(); } } function checkresult () { listmax = []; max = Math.max.apply(null,voteresult); voteresult.reduce(reducer); function reducer(a, b, c ,d){ if(a == max){ listmax.push(c-1); } if(b == max){ listmax.push(c); } return 0; } if (listmax.length == 1){ outvote(); }else if(listmax.length==playernamelist.length) { countvote = 0; showvote(); } else { countvote = 0; drawvote(); } } function outvote () { pages[6].style.display = "none"; pages[8].style.display = "block"; let name = playernamelist[listmax[0]]; playerandrole[name] = "DEAD"; iplayer = 0; countkilled = 0; countvote = 0; voteresult.fill(0); arr = []; arrw = []; arrd = []; for(x in playerandrole){ if (playerandrole[x] == "WEREWOLF"){ arrw.push(playerandrole[x]) }else if(playerandrole[x] == "DEAD"){ arrd.push(playerandrole[x]); }else { arr.push(playerandrole[x]); } } out = document.getElementsByClassName("outl")[0]; out.innerHTML = playernamelist[listmax[0]]+" WAS KILLED"; playernamelist.splice(listmax[0],1); voteresult.splice(listmax[0],1); listmax = []; } function drawvote () { if (count < playernamelist.length - listmax.length){ if (listmax.indexOf(countvote) == -1){ let nama = playernamelist[countvote]; count++; voterh3.innerHTML = nama+" TURN"; for (let i = 0;i < listmax.length;i++){ let txt = $("

").text(playernamelist[listmax[i]]); let vbtn = $("
").text("UNDI"); $(voteddiv).append(txt); $(voteddiv).append(vbtn); } votedthis = document.getElementsByClassName("votedthis"); for (x of votedthis){ x.onclick = votingdraw; } }else { tryagain(); } } else{ countvote = 0; count = 0; checkresultdraw(); } } function tryagain(){ countvote++; drawvote() ; } function votingdraw () { let ask = confirm("VOTE HIM/HER?"); if (ask == true){ let name = this.previousSibling.innerHTML let ind = playernamelist.indexOf(name); voteresult[ind] += 1; $(voteddiv).empty(); countvote++ drawvote(); } } function checkresultdraw () { listmax = []; max ; max = Math.max.apply(null,voteresult); voteresult.reduce(reducer); function reducer(a, b, c ,d){ if(a == max){ listmax.push(c-1); } if(b == max){ listmax.push(c); } return 1; } if (listmax.length == 1){ outvotedraw(); }else { drawvote(); } } function outvotedraw () { pages[6].style.display = "none"; pages[8].style.display = "block"; let name = playernamelist[listmax[0]]; playerandrole[name] = "DEAD"; iplayer = 0; countkilled = 0; countvote = 0; voteresult.fill(0); arr = []; arrw = []; arrd = []; for(x in playerandrole){ if (playerandrole[x] == "WEREWOLF"){ arrw.push(playerandrole[x]) }else if(playerandrole[x] == "DEAD"){ arrd.push(playerandrole[x]); }else { arr.push(playerandrole[x]); } } out = document.getElementsByClassName("outl")[0]; out.innerHTML = playernamelist[listmax[0]] + " KILLED"; playernamelist.splice(listmax[0],1); voteresult.splice(listmax[0],1); listmax = []; } function fstartnight () { let were = []; let citi = []; for( x in copyplayerandrole ){ if(copyplayerandrole[x] == "WEREWOLF"){ were.push(x); }else { citi.push(x); } } if(arrw.length == 0 || arrw.length >= arr.length ){ pages[8].style.display = "none"; pages[10].style.display = "block"; if(arrw.length != 0){ $(".winner").text("WEREWOLF WON.CONGRATULATIONS : "); for(i = 0;i < were.length ; i++){ let p = $("

").text(were[i]); $(".winnerlist").append(p); } }else { $(".winner").text("WEREWOLF LOSE CONGRATULATIONS : ") ; for(i = 0;i < citi.length ; i++){ let p = $("

").text(citi[i]); $(".winnerlist").append(p); } } } else { pages[8].style.display = "none"; displaypage5(); } } function displaypage5 () { pages[8].style.display="none"; pages[9].style.display="block"; myname.innerHTML = playernamelist[iplayer]; } function fshowmyrole(){ pages[9].style.display="none"; fchooserole(); }

the werewolf online game