// Knight VS Dragon by Gordon Chan /* by G.C. */ let knight_pic = "https://preview.ibb.co/nGmNM9/knight.png"; let zombie_pic = "https://image.ibb.co/cXW08p/zombie.png"; let dino_pic = "https://image.ibb.co/fyGNM9/dino.png"; let robot_pic = "https://image.ibb.co/bG8f8p/robot.png"; let ninjaGirl_pic = "https://image.ibb.co/gfwNM9/ninja-Girl.png"; let jackOLantern_pic = "https://preview.ibb.co/dtGNM9/Jack-OLantern.png"; let zombieGirl_pic = "https://image.ibb.co/h80KLf/mini-Zombie-Girl.png"; let charizard_pic = "https://image.ibb.co/dmLhM9/006.png"; let gyrados_pic = "https://image.ibb.co/iZFhM9/130.png"; let aerodactyl_pic = "https://image.ibb.co/m5n7op/142.png"; let dragonite_pic = "https://image.ibb.co/neeWEU/149.png"; /* by G.C. */ let swordAnimFlag = true; let lanceAnimFlag = true; let monsterAnimFlag = true; /* by G.C. */ let playerX = 100; let playerY = 100; /* by G.C. */ let funnyScripts = [["I am the King of the world!","No, you are not!"],["Here comes my dessert!","Where is it?"],["Sololearn is fun!","I agree with you ^o^"]]; let rCInt; /* by G.C. */ /* // Abandoning this block following Morpheus's JS Fact Series 057 class GlobalCounters{ constructor () { this.gordonChan = 0 ; this.bielBlue = 0 ; this.flandreScarlet = 0 ; this.yash = 0 ; this.bbgirl05 = 0; this.r8w9 = 0 ; this.kishalayaSaha = 0; this.morpheus = 0; } } let nameKillCount = new GlobalCounters; */ var nameKillCount = {}; let gordonKilled = 0; let activeWeapon_flag = "sword"; let swordSkillLevel_flag ="level1"; let sword2AnimFlag = true; let chatBubbleOn_flag = true; let menuTabShow_flag = false; let blocking_flag = false; let monsterMana = 0; let tombstoneText; /* by G.C. */ window.preload = function (){ //Suppose to use loadImage() here. }; /* by G.C. */ function randName() { var namesPool = ["Gordon Chan","Biel Blue","Flandre Scarlet","yash","Basketballgirl_05","r8w9","Kishalaya Saha","Morpheus"]; var index = Math.floor(Math.random()*namesPool.length); return namesPool[index]; } /* by G.C. */ function printText(text){ var TB=document.getElementById("textbox"); TB.innerHTML += text + ".
"; TB.scrollTop = TB.scrollHeight; } /* by G.C. */ function updateStat(statType,newStat){ var sBox=document.getElementById(statType); sBox.innerHTML = statType + " : " + newStat; } /* by G.C. */ class Character { constructor(_name,_type,_skillName) { //this.name = randName(); this.name = _name; this.type = _type; this.skill1 = _skillName; this.attack = 10; this.level = 1; this.hp = 100; this.mp = 0; this.exp = 0; this.killCount = 0; } /* by G.C. */ applySkill() { var text = this.name +" "+ this.skill1; //console.log(text); printText(text); } /* by G.C. */ get damage() { return (this.attack+ Math.floor(Math.random()*10)) * this.level ; } /* by G.C. */ set levelUp(newLevel){ this.level = newLevel; //console.log(this.type+this.level); } /* by G.C. */ set earnExp(earnedExp){ this.exp += earnedExp; //console.log(this.type+this.exp); } /* by G.C. */ static battle(a,b){ // a.applySkill(); var thisDamage = a.damage; b.hp -= thisDamage; //var text = "=>" + b.name + "'s HP is now " + b.hp //console.log(text); var text = " and deals a damage of " + thisDamage + " on " + b.name; printText(text); a.earnExp = thisDamage; if(a.type=="Knight"){ updateStat("Exp",a.exp);} var req = Math.pow(12,a.level); if (a.exp>=req){ a.levelUp = a.level + 1; if(a.type=="Knight"){ updateStat("Level",a.level);} printText(a.name+ " level up!") } } /* by G.C. */ static rockps(a,b){ } } if(document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', afterLoaded); } else { afterLoaded(); } /* by G.C. */ let hero = new Character("You","Knight","slash"); /* by G.C. */ function afterLoaded() { // Ask for name here. var txt = "You are a " + hero.type; printText(txt); hpBar = document.getElementById("heroHP"); hpBar.value = hero.hp; monHpBar = document.getElementById("monHP"); document.getElementById("opp_pic").style.display="none"; move1Button = document.getElementById("move1"); move2Button = document.getElementById("move2"); move3Button = document.getElementById("move3"); nextButton = document.getElementById("next"); move1Button.addEventListener("click",move1Function); move2Button.addEventListener("click",move2Function); move3Button.addEventListener("click",move3Function); move1Button.style.display="none"; move2Button.style.display="none"; move3Button.style.display="none"; nextButton.style.display ="inline-block"; nextButton.addEventListener("click",meetMonster); sword1DOM = document.getElementById("weapon"); lancePic =document.getElementById("weapon2"); sword2DOM = document.getElementById("sword2Parent"); weapon = sword1DOM; lance1DOM = document.getElementById("weapon2"); sword2DOM.style.display = "none"; lance1DOM.style.display = "none"; playerMiniPic = document.getElementById("miniPlayer"); playerMiniPic.style.left = playerX; playerMiniPic.style.left = playerY; bubbleBox = document.getElementById("chatBubbleTextBox"); chatLeft =document.getElementById("leftSideSay"); chatRight = document.getElementById("rightSideSay"); chatRight.style.display="none"; chatLeft.style.display="block"; rCInt=setInterval(randomChat,6000); var reportButtonDOM = document.getElementById("reportButton"); reportButtonDOM.style.display = "none"; var menuButtonDOM = document.getElementById("menuBut"); menuButtonDOM.addEventListener("click",menuTabShowHide); var weaponSwitchDOM = document.getElementById("switchWeaponBut"); weaponSwitchDOM.innerHTML = "Wield lance"; weaponSwitchDOM.addEventListener("click",switchWeaponFunc ); var bubbleSwitchDOM = document.getElementById("switchChatBut"); bubbleSwitchDOM.innerHTML = "Turn Chat Bubble OFF"; bubbleSwitchDOM.addEventListener("click",switchBubbleFunc); var shieldDOM = document.getElementById("shieldPic"); shieldDOM.style.display = "none"; var heroManaLogoDOM = document.getElementById("heroManaLogo"); heroManaLogoDOM.style.display ="none"; var monManaLogoDOM = document.getElementById("monManaLogo"); monManaLogoDOM.style.display ="none"; } // close afterload() /* by G.C. */ function switchBubbleFunc(){ if(chatBubbleOn_flag ){ var bubbleParent = document.getElementById("chatBubbleContainer"); bubbleParent.style.display="none"; var bubbleSwitchDOM = document.getElementById("switchChatBut"); bubbleSwitchDOM.innerHTML = "Turn Chat Bubble ON"; chatBubbleOn_flag = false; }else{ //chatBubbleContainer var bubbleParent = document.getElementById("chatBubbleContainer"); bubbleParent.style.display="flex"; var bubbleSwitchDOM = document.getElementById("switchChatBut"); bubbleSwitchDOM.innerHTML = "Turn Chat Bubble OFF"; chatBubbleOn_flag = true; }//close else } //close sw bub func /* by G.C. */ function switchWeaponFunc(){ switch (activeWeapon_flag ){ case "sword": printText("You wield metal lance") activeWeapon_flag ="lance"; var weaponSwitchDOM = document.getElementById("switchWeaponBut"); weaponSwitchDOM.innerHTML = "Wield metal sword"; weapon.style.display = "none"; weapon2.style.display = "block"; break; case "lance": printText("You wield metal sword") activeWeapon_flag ="sword"; var weaponSwitchDOM = document.getElementById("switchWeaponBut"); weaponSwitchDOM.innerHTML = "Wield metal lance"; weapon2.style.display ="none"; weapon.style.display = "block"; break; }//close sch } // close sWF /* by G.C. */ function menuTabShowHide(){ if (menuTabShow_flag ){ var menuTabDOM = document.getElementById("menuLayer"); menuTabDOM.style.zIndex = -1; menuTabShow_flag = false; }else{ var menuTabDOM = document.getElementById("menuLayer"); menuTabDOM.style.zIndex = 7; menuTabShow_flag = true; } } /* by G.C. */ function meetMonster() { document.getElementById("opp_pic").style.display="block"; next.removeEventListener("click",meetMonster); next.addEventListener("click",monsterPhase); var monstersPool = ["Zombie", "Dino", "Robot", "Ninja Girl", "Jack O Lantern","Zombie Girl","Charizard", "Gyrados", "Aerodactyl", "Dragonite"]; var index = Math.floor(Math.random()*5); var newMonsterType = monstersPool[index]; var imageDOM = document.getElementById("opp_pic"); switch(newMonsterType) { case "Zombie": imageDOM.src = zombie_pic; break; case "Dino": imageDOM.src = dino_pic; break; case "Robot": imageDOM.src = robot_pic; break; case "Ninja Girl": imageDOM.src = ninjaGirl_pic; break; case "Jack O Lantern": imageDOM.src = jackOLantern_pic; break; case "Zombie Girl": imageDOM.src = zombieGirl_pic; break; case "Charizard": imageDOM.src = charizard_pic; break; case "Gyrados": imageDOM.src = gyrados_pic; break; case "Aerodactyl": imageDOM.src = aerodactyl_pic; break; case "Dragonite": imageDOM.src = dragonite_pic; break; default: } monster = new Character( randName(), newMonsterType, "bites") ; monster.levelUp = hero.level; //monHpBar.value = monster.hp; progressBarAnim("Monster",monster.hp); var txt = "You met a " + monster.type + " called " + monster.name; printText(txt); move1.style.display="inline-block"; move2.style.display="inline-block"; move3.style.display="inline-block"; next.style.display="none"; weapon.style.display="none"; weapon2.style.display="none"; sword2DOM.style.display="none"; } /* by G.C. */ function move1Function(){ var sword1DOM = document.getElementById("weapon"); var lance1DOM = document.getElementById("weapon2"); var sword2DOM = document.getElementById("sword2Parent"); var shieldDOM = document.getElementById("shieldPic"); shieldDOM.style.display = "none"; sword1DOM.style.display ="none"; lance1DOM.style.display ="none"; sword2DOM.style.display ="none"; switch (activeWeapon_flag ){ case "sword": //console.log("switch sword"); // if flag, then b, else a if (swordSkillLevel_flag =="level1"){ //console.log("swski1") if(swordAnimFlag ){ //sword1 anime b sword1DOM.style.display="block"; sword1DOM.style.animation = "playSword3b 1s";swordAnimFlag =false; } else{ //sword1 anime a sword1DOM.style.display="block"; sword1DOM.style.animation = "playSword3 1s";swordAnimFlag =true; } }//sword lv 1 else{ //sword lv 2 //console.log("swski2"); if (sword2AnimFlag ){ // sword 2 anime b sword2DOM.style.display ="block"; sword2DOM.style.animation = "sword2skill1b 1s"; sword2AnimFlag =false; } else{ //sword2 anime a sword2DOM.style.display="block"; sword2DOM.style.animation ="sword2skill1a 1s"; sword2AnimFlag =true; } } // not flag break; case "lance": // come back after create l1s1 anim // if flag, then b, else a // not flag if (lanceAnimFlag){ sword2DOM.style.display ="none"; weapon.style.display="none"; weapon2.style.display="block"; lancePic.style.animation = "l1s1b 0.35s";lanceAnimFlag = false;}else{ sword2DOM.style.display ="none"; weapon.style.display="none"; weapon2.style.display="block"; lancePic.style.animation = "l1s1a 0.35s";lanceAnimFlag = true;} break; } //switch // /* //original code if (swordAnimFlag ){ weapon2.style.display="none"; weapon.style.display="block"; weapon.style.animation = "playSword3b 1s";swordAnimFlag =false;}else{ weapon2.style.display="none"; weapon.style.display="block"; weapon.style.animation = "playSword3 1s";swordAnimFlag =true; } */ //console.log("animation1"); printText( hero.name + " slash " + monster.name); // still "slash"? heroCalcPhase(0); } //move1func /* by G.C. */ function move2Function(){ var sword1DOM = document.getElementById("weapon"); var lance1DOM = document.getElementById("weapon2"); var sword2DOM = document.getElementById("sword2Parent"); var shieldDOM = document.getElementById("shieldPic"); shieldDOM.style.display = "none"; sword1DOM.style.display ="none"; lance1DOM.style.display ="none"; sword2DOM.style.display ="none"; switch (activeWeapon_flag ){ case "sword": //console.log("switch sword"); // if flag, then b, else a if (swordSkillLevel_flag =="level1"){ //console.log("swski1") if(swordAnimFlag ){ //sword1 anime b sword1DOM.style.display="block"; sword1DOM.style.animation = "throwSword2 0.35s";swordAnimFlag =false; } else{ //sword1 anime a sword1DOM.style.display="block"; sword1DOM.style.animation = "throwSword 0.35s";swordAnimFlag =true; } }//sword lv 1 else{ //sword lv 2 //console.log("swski2"); if (sword2AnimFlag ){ // sword 2 anime b sword2DOM.style.display ="block"; sword2DOM.style.animation = "sword2skill2b 0.5s"; sword2AnimFlag=false; } else{ //sword2 anime a sword2DOM.style.display="block"; sword2DOM.style.animation ="sword2skill2a 0.5s"; sword2AnimFlag =true; } } // not flag break; case "lance": // come back after create l1s1 anim // if flag, then b, else a // not flag if (lanceAnimFlag){ sword2DOM.style.display ="none"; weapon.style.display="none"; weapon2.style.display="block"; lancePic.style.animation = "stab2 0.35s";lanceAnimFlag = false;}else{ sword2DOM.style.display ="none"; weapon.style.display="none"; weapon2.style.display="block"; lancePic.style.animation = "stab 0.35s";lanceAnimFlag = true;} break; } //switch // /* var sword2DOM = document.getElementById("sword2Parent"); // switch (activeWeapon_flag ){ // case "sword": // if flag, then b, else a // not flag // break; // case "lance": // if flag, then b, else a // not flag // break; // } //switch if (lanceAnimFlag){ sword2DOM.style.display ="none"; weapon.style.display="none"; weapon2.style.display="block"; lancePic.style.animation = "stab2 0.35s";lanceAnimFlag = false;}else{ sword2DOM.style.display ="none"; weapon.style.display="none"; weapon2.style.display="block"; lancePic.style.animation = "stab 0.35s";lanceAnimFlag = true;} */ //console.log("animation2"); printText( hero.name + " stab " + monster.name); heroCalcPhase(1); } /* by G.C. */ function move3Function(){ //weapon.style.animation = "block 0.35s"; //console.log("animation3"); blocking_flag = true; printText( hero.name + " block."); // heroCalcPhase(2); var sword1DOM = document.getElementById("weapon"); var lance1DOM = document.getElementById("weapon2"); var sword2DOM = document.getElementById("sword2Parent"); //var shieldDOM = document.getElementById("shieldPic"); //shieldDOM.style.display = "none"; sword1DOM.style.display ="none"; lance1DOM.style.display ="none"; sword2DOM.style.display ="none"; var shieldDOM = document.getElementById("shieldPic"); shieldDOM.style.display = "block"; monsterPhase(); } /* by G.C. */ function heroInputPhase(){ // Display input option for player move1.style.display="inline-block"; move2.style.display="inline-block"; move3.style.display="inline-block"; next.style.display="none"; } /* by G.C. */ function heroCalcPhase(choice){ // Hide input option for player Character.battle(hero,monster); //monHpBar.value = monster.hp; progressBarAnim("Monster",monster.hp); if (monster.hp <= 0 ) { printText(hero.name + " win"); hero.killCount += 1; updateStat("Kills",hero.killCount); hero.hp = 100; hpBar.value = hero.hp; progressBarAnim("Player",hero.hp); var imageDOM = document.getElementById("opp_pic"); imageDOM.src = "https://www.freevector.com/uploads/vector/preview/2982/FreeVector-Grave.jpg"; /* Update nameKillCount */ // Abandoning this block after learning [] method for accessing object property, thanks to Morpheus's JS Fact Series 057 /* switch ( monster.name ){ case "Gordon Chan" : nameKillCount.gordonChan+=1; gordonKilled ++; //console.log(gordonKilled ); break; case "Biel Blue" : nameKillCount.bielBlue+=1; break; case "Flandre Scarlet" : nameKillCount.flandreScarlet+=1; break; case "yash" : nameKillCount.yash+=1; break; case "Basketballgirl_05" : nameKillCount.bbgirl05+=1; break; case "r8w9" : nameKillCount.r8w9+=1; break; case "Kishalaya Saha": nameKillCount.kishalayaSaha+=1; break; case "Morpheus": nameKillCount.morpheus+=1; break; } */ /* GordonChan : 0 , BielBlue : 0 , FlandreScarlet : 0 , Yash : 0 , BBgirl05 : 0 , R8w9 : 0 , // why this one is not blue? KishalayaSaha : 0 */ if (monster.name in nameKillCount){ nameKillCount[monster.name]+=1; }else{ nameKillCount[monster.name]=1; } if(hero.level>=3 && swordSkillLevel_flag =="level1"){swordSkillLevel_flag="level2"; //console.log("swskilv++"); printText ("You obtained the Holy Sword!") var sword1DOM = document.getElementById("weapon"); var lance1DOM = document.getElementById("weapon2"); var sword2DOM = document.getElementById("sword2Parent"); sword1DOM.style.display ="none"; lance1DOM.style.display ="none"; sword2DOM.style.display ="block"; activeWeapon_flag = "sword"; move1.innerHTML ="GIANT SWORD"; //disable the switch weapon button (coz no lance 2 now) var swbDOM = document.getElementById("switchWeaponBut"); swbDOM.style.display ="none"; } // close if sword skill lv up next.removeEventListener("click",monsterPhase); next.addEventListener("click",meetMonster); } move1.style.display="none"; move2.style.display="none"; move3.style.display="none"; next.style.display ="inline-block"; } // close herocalcphase /* by G.C. */ function monsterPhase(){ if (monsterMana > 100) { //monster super skill // anime if (blocking_flag){ // damage=constant printText(monster.name +" uses super skill.
") var imageDOM = document.getElementById("opp_pic"); if(monsterAnimFlag ){ imageDOM.style.animation ="monsterDash 0.35s";monsterAnimFlag = false;}else{imageDOM.style.animation ="monsterDash2 0.35s";monsterAnimFlag =true;} blocking_flag = false ; /* var sword1DOM = document.getElementById("weapon"); var lance1DOM = document.getElementById("weapon2"); var sword2DOM = document.getElementById("sword2Parent"); var shieldDOM = document.getElementById("shieldPic"); shieldDOM.style.display = "none"; if(swordSkillLevel_flag =="level1"){ if(activeWeapon_flag =="sword"){ sword1DOM.style.display ="none";}else{ lance1DOM.style.display ="none";}}else{ sword2DOM.style.display ="block";} */ }else{ // damage=strong; monsterMana = 0; //update monsterManaBar } // close if blocking }else{ //mana not full //normal monster attack if(blocking_flag ){ //damage constant; printText (monster.name+" bites "+hero.name +"but it's blocked, and deals a damage of 10 only."); hero.hp = hero.hp -10; var imageDOM = document.getElementById("opp_pic"); if(monsterAnimFlag ){ imageDOM.style.animation ="monsterDash 0.35s";monsterAnimFlag = false;}else{imageDOM.style.animation ="monsterDash2 0.35s";monsterAnimFlag =true;} blocking_flag = false ; /* var sword1DOM = document.getElementById("weapon"); var lance1DOM = document.getElementById("weapon2"); var sword2DOM = document.getElementById("sword2Parent"); var shieldDOM = document.getElementById("shieldPic"); shieldDOM.style.display = "none"; if(swordSkillLevel_flag =="level1"){ if(activeWeapon_flag =="sword"){ sword1DOM.style.display ="none";}else{ lance1DOM.style.display ="none";}}else{ sword2DOM.style.display ="block";}*/ }else{ // //add randomness and based on monster type printText (monster.name+" bites "+hero.name); var imageDOM = document.getElementById("opp_pic"); if(monsterAnimFlag ){ imageDOM.style.animation ="monsterDash 0.35s";monsterAnimFlag = false;}else{imageDOM.style.animation ="monsterDash2 0.35s";monsterAnimFlag =true;} Character.battle(monster,hero); }//close else of blocking // accu monsterMana, max 100 // update monsterManaBar } // close if mana //hpBar.value = hero.hp; progressBarAnim("Player",hero.hp); //check hero died; if (hero.hp<=0){ clearInterval(rCInt); var wordCount = hero.killCount +1; switch (wordCount%10){ case 1: wordCount +="st";break; case 2: wordCount +="nd";break; case 3: wordCount +="rd";break; default :wordCount +="th" } printText("Uh oh....You died when you are facing the " + wordCount + " monster.
" +"Your mama says: It's time for dinner, come home quickly" ); //"Your mama says: It's time for dinner, come home quickly." playerKilledBy = monster.name; var imageDOM = document.getElementById("own_pic"); imageDOM.src = "https://www.freevector.com/uploads/vector/preview/2982/FreeVector-Grave.jpg"; //hide weapons,buttons, only next to print tomb text. weapon2.style.display="none"; weapon.style.display="none"; next.style.display ="none"; var sword2DOM = document.getElementById("sword2Parent"); var shieldDOM = document.getElementById("shieldPic"); sword2DOM.style.display ="none"; shieldDOM.style.display = "none"; var menuButtonDOM = document.getElementById("menuBut"); menuButtonDOM.style.display ="none"; var reportButtonDOM = document.getElementById("reportButton"); reportButtonDOM.style.display = "block"; reportButtonDOM.addEventListener("click",toTypeWriteReport); // now next button becomes report button /* next.removeEventListener("click",monsterPhase ); next.addEventListener("click",toTypeWriteReport); next.innerHTML = "Read your tombstone." */ }else{ // means hero still alive /* Gordon */ heroInputPhase();} /* Chan made this ~*/ } // close monster phase function toTypeWriteReport(){ var reportButtonDOM = document.getElementById("reportButton"); //reportButtonDOM.style.display ="none"; reportButtonDOM.removeEventListener("click",toTypeWriteReport ) ; reportButtonDOM.addEventListener("click",selectCopy); reportButtonDOM.innerHTML="Copy to clipboard"; //clear innerHTML var TB=document.getElementById("textbox"); TB.innerHTML += ""; TB.scrollTop = TB.scrollHeight; // killCount tombstoneText = ""; // nameKillCount tombstoneText += "This " + hero.type + " has defeated ";// + gordonKilled + " Gordon Chan, "; /* Abandoning after Morpheus's JS Fact Series 057 if(nameKillCount.gordonChan !=0){ tombstoneText += nameKillCount.gordonChan + " Gordon Chan, "; } if (nameKillCount.bielBlue != 0){ tombstoneText += nameKillCount.bielBlue + " Biel Blue, "; } if (nameKillCount.flandreScarlet != 0){ tombstoneText += nameKillCount.flandreScarlet + " Flandre Scarlet, "; } if (nameKillCount.yash != 0){ tombstoneText += nameKillCount.yash + " yash, "; } if (nameKillCount.bbgirl05 != 0){ tombstoneText += nameKillCount.bbgirl05 + " Basketballgirl_05, "; } if (nameKillCount.r8w9!=0){ tombstoneText += nameKillCount.r8w9 + " r8w9, "; } if (nameKillCount.kishalayaSaha !=0){ tombstoneText += nameKillCount.kishalayaSaha + " Kishalaya Saha, "; } if (nameKillCount.morpheus !=0){ tombstoneText += nameKillCount.morpheus + " Morpheus, "; } */ for (eachName of Object.keys(nameKillCount)){ tombstoneText += nameKillCount[eachName] + " " + eachName + ", "; } /* GordonChan : 0 , BielBlue : 0 , FlandreScarlet : 0 , Yash : 0 , BBgirl05 : 0 , R8w9 : 0 , // why this one is not blue? KishalayaSaha : 0 */ // playerKilledBy if (hero.killCount == 0){ tombstoneText += "not even one monster.
He is still brave anyway.
R.I.P."} else { tombstoneText+= "totally "+hero.killCount+" monsters, " // 1-4 decades // 5-9 centuries // 10- ever tombstoneText+= (hero.killCount<5)?"and helped several villages, he is so great that people will remember him for decades.
R.I.P.":(hero.killCount<10)?"and helped several towns, he is so great that people will remember him for centuries.
R.I.P.":"and helped several kingdoms, he is so great that people will remember him forever. R.I.P." //tombstoneText+=" (press anywhere to copy tombstone text for easy sharing)" } TB.innerHTML = tombstoneText; bubbleBox.innerHTML="Please let people remember me
by posting in comment."; chatRight.style.display="none"; chatLeft.style.display="block"; //bubbleBox.style.display="block"; var bubbleParent = document.getElementById("chatBubbleContainer"); bubbleParent.style.display="flex"; // next becomes restart } function switchButton(enterPhase){ console.log("switchbutton") move1Button.style.display="none"; move2Button.style.display="none"; move3Button.style.display="none"; nextButton.style.display="none"; switch(enterPhase){ case "playerHpZero": nextButton.style.display="inline-block"; nextButton.removeEventListener("click",monsterPhase); nextButton.addEventListener("click",displayTombStoneWords); break; case "tombStoneWords": nextButton.removeEventListener("click",displayTombStoneWords); nextButton.addEventListener ("click",restartGame); nextButton.innerHTML = "RESTART"; break; case "restartGame": next.innerHTML = "NEXT" next.removeEventListener ("click",restartGame ); next.addEventListener ("click",meetMonster ); } } function restartGame (){ hero.hp = 100; progressBarAnim ("Player",hero.hp); var imageDOM = document.getElementById("own_pic"); imageDOM.src = knight_pic ; } function displayTombStoneWords (){ printText ("Mama says: Electricity is dangerous, don't play with it."); switchButton("tomeStoneWords"); //next.removeEventListener(); //next.addEventListener(); } // Map Layer /* by G.C. */ function playerWalkRight(){ playerX += 50; playerMiniPic.style.left = playerX; } /* by G.C. */ function playerWalkDown(){ playerY += 50; playerMiniPic.style.top = playerY; } /* by G.C. */ function playerWalkUp(){ playerY -= 50; playerMiniPic.style.top = playerY; } /* by G.C. */ function playerWalkLeft(){ playerX -= 50; playerMiniPic.style.top = playerX; } /* by G.C. */ function updateChatBox(sayWhat){ bubbleBox.innerHTML=sayWhat; chatRight.style.display="block"; chatLeft.style.display="none"; } /* by G.C. */ function randomChat(){ var chatChoice = Math.floor(Math.random()*funnyScripts.length); updateChatBox(funnyScripts[chatChoice][0]); timeoutChatUpdate(chatChoice); } /* by G.C. */ function timeoutChatUpdate(scriptNum){ var wordsToSay = funnyScripts[scriptNum][1]; setTimeout(function(){bubbleBox.innerHTML=wordsToSay; chatRight.style.display="none"; chatLeft.style.display="block"; },3000); } function progressBarAnim(whoseBar,newBarValue) { //Credit to Mohammad Amin Azimi for the idea and prototype of progress bar animation if(whoseBar =="Player"){ barToUpdate = "heroHP";}else{barToUpdate = "monHP"} var elem = document.getElementById(barToUpdate ); //console.log(elem.value); var beforeValue = elem.value; function riseBar() { if (beforeValue >= newBarValue) { clearInterval(barInt); } else { beforeValue++; elem.value = beforeValue; } } var barInt; function dropBar(){ if (beforeValue <= newBarValue) { clearInterval(barInt); } else { beforeValue--; elem.value = beforeValue; } } if (newBarValue >beforeValue ){ barInt = setInterval(riseBar, 10); } else { batInt = setInterval(dropBar,10)}; } function selectCopy(){ // Credit to Lord Krishna for this block var TB5=document.getElementById("textbox"); let ta=document.createElement("textarea"); //console.log(TB5); //console.log(TB5.innerText); TB5.appendChild(ta); //console.log(ta); ta.innerText = TB5.innerText; //console.log(ta.innerText); ta.select(); document.execCommand("copy"); let reportButtonDOM = document.getElementById("reportButton"); reportButtonDOM.removeEventListener("click",selectCopy); reportButtonDOM.innerHTML = "Copied to clipboard, please share at comment section."; TB5.removeChild(ta); //TB5.innerHTML = tombstoneText; //window.getSelection().removeAllRanges(); }

Knight VS Dragon 0.7.12