Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

darrell's broken code again #213

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

darrell's broken code again #213

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
91d9759
level navigation added with array
zeniethlily Jun 14, 2020
55cf208
full level navigation completed
zeniethlily Jun 14, 2020
4dcabb5
mostly working, able to go back
zeniethlily Jun 14, 2020
81f1c38
added boss scenario
zeniethlily Jun 15, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 24 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,11 @@
<body>
<h3>DOM Manipulation Template</h3>
<input class="starter" id="input" placeholder="input"/>
<input id="button1" type="button" value="ONE"/>
<input id="button2" type="button" value="TWO"/>
<input id="button3" type="button" value="THREE"/>
<h2>output:</h2>
<div class="starter" id="output"></div>
<div class="starter" id="output">You hear noises coming from a cave, press any button to continue...</div>
<script>

var display = function( data ){
Expand All @@ -19,13 +22,30 @@ <h2>output:</h2>
// put the data into the div
output.innerText = data;
};

document.querySelector('#input').addEventListener('change', function(event){
document.querySelector('#button1').addEventListener('click',function(event){
//first button clicked, run first option function here
var currentInput = event.target.value;
var result = inputHappened(currentInput)
display( result );
});
document.querySelector('#button2').addEventListener('click',function(event){
//second button clicked, run second option function here
var currentInput = event.target.value;
var result = inputHappened(currentInput)
display( result );
});
document.querySelector('#button3').addEventListener('click',function(event){
//third button clicked, run third option function here
var currentInput = event.target.value;
var result = inputHappened(currentInput)
display( result );
});
/* document.querySelector('#input').addEventListener('change', function(event){
var currentInput = event.target.value;
var result = inputHappened(currentInput)
display( result );
}); */
</script>
<script src="script.js" charset="utf-8"></script>
</body>
</html>
</html>
164 changes: 161 additions & 3 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,166 @@
console.log("hello script js");
var ifBossExists = true;

var inputHappened = function(currentInput){
console.log( currentInput );
return "SOMETHING HAPPENED";
var player = { //player object to store player values
name: "",
level: [0],
items: [],
hitpoints: 10
}

var currentLevel = 0; //tracks the current level user is at

var inputHappened = function(currentInput){ //captures the button that was pressed
console.log(currentInput);
processInput(currentInput);
var textFill = loadLevel(currentLevel);
console.log(currentLevel);
return textFill;

};
var processInput = function(input){ //process the button's input to determine the currentlevel. saves into array before moving up to next level.
if(input == "Left"){
if(currentLevel == 2 || currentLevel == 6){
player.level.push(currentLevel);
currentLevel = 5;
} else if(currentLevel == 7){
player.level.push(currentLevel);
currentLevel = 6;
} else if(currentLevel == 4){
player.level.push(currentLevel);
currentLevel = 3;
} else if(currentLevel == 1 || currentLevel == 3 || currentLevel == 5){
player.level.push(currentLevel);
currentLevel = 2;
}
} else if(input == "Forward"){
if(currentLevel == 1){
player.level.push(currentLevel);
currentLevel = 3;
} else if(currentLevel == 6){
player.level.push(currentLevel);
currentLevel = 8;
}
} else if(input == "Back"){
currentLevel = player.level.pop();
} else if(input == "Right"){
if(currentLevel == 4 || currentLevel == 6){
player.level.push(currentLevel);
currentLevel = 7;
} else if(currentLevel == 5){
player.level.push(currentLevel);
currentLevel = 6;
} else if(currentLevel == 2){
player.level.push(currentLevel);
currentLevel = 3;
} else if(currentLevel == 1 || currentLevel == 3 || currentLevel == 7){
player.level.push(currentLevel);
currentLevel = 4
}
}
};

var loadLevel = function(level){
if(level == 0){
currentLevel = 1;
return loadLevel(currentLevel);
} else {
if(level == 1){
return firstLevel();
} else if(level == 2){
return secondLevel();
} else if(level == 3){
return thirdLevel();
} else if(level == 4){
return fourthLevel();
} else if(level == 5){
return fifthLevel();
} else if(level == 6){
return sixthLevel();
} else if(level == 7){
return seventhLevel();
} else if(level == 8){
return finalLevel();
}
}
}

var buttonChanger = function(buttonName, newValue){
//code to change the values of buttons
document.getElementById(buttonName).value = newValue;
}

var firstLevel = function(){
//first level code goes here
var gameText = "You find that the path is reasonably well lit, and it forks into 3 seemingly separate paths,to the left, forward, and to the right. Where will you go?";
buttonChanger("button1","Left");
buttonChanger("button2","Forward");
buttonChanger("button3","Right");

return gameText;
}

var secondLevel = function(){
//second level code goes here, loads when user select LEFT path
var gameText = "";
if(player.items.includes("Axe")){
gameText = "The path opens up into a small cavern, there are two doors. Where will you go?";
} else {
player.items.push("Axe");
gameText = "The path opens up into a small cavern, there are two doors. You spot an axe leaning against the wall, and pick it up. Maybe it will be useful. Where will you go next?";
}
buttonChanger("button2","Back");
//document.getElementById("button1").disabled = false;

return gameText;
}

var thirdLevel = function(){
var gameText = "You reach a Tee junction, and you spot 2 doors - to the left and right. Where will you go?";
buttonChanger("button2","Back");
return gameText;
}

var fourthLevel = function(){
var gameText = "A tunnel lies to your left, and stairs down on your right. You faintly hear the sound of something growling..";
buttonChanger("button2","Back");
//document.getElementById("button1").disabled = false;
return gameText;
}

var fifthLevel = function(){
var gameText = "Fifth Level";
buttonChanger("button2","Back");
//document.getElementById("button1").disabled = true;
return gameText;
}

var sixthLevel = function(){
var gameText = "You are in a square room with a large metal door, flanked by 2 smaller doors - one of which you entered via. You hear growling coming from the large door. Press Forward to enter it, or enter either of the other 2 doors.";
// document.getElementById("button1").disabled = false;
// document.getElementById("button3").disabled = false;
buttonChanger("button2","Forward");
return gameText;
}

var seventhLevel = function(){
var gameText = "seventh!";
//document.getElementById("button3").disabled = true;
buttonChanger("button2","Back");
return gameText;
}

var finalLevel = function(){
var gameText = ""
if(ifBossExists){
if(player.items.includes("Axe")){
gameText = "An angry, green, ogre charges at you. You panic and swing your axe blindly - somehow you manage to bury it in the ogre's head. Congratulations!";
} else {
gameText = "An angry, green, ogre charges at you. You are unarmed, press back to run like a chicken!";
}
} else {
gameText = "An empty cave where an ugly ogre used to make it's lair in. Press back to leave.";
}
buttonChanger("button2","Back");
return gameText;
}