diff --git a/07week/dodgeBall/dodgeBall.html b/07week/dodgeBall/dodgeBall.html new file mode 100644 index 000000000..407b06c47 --- /dev/null +++ b/07week/dodgeBall/dodgeBall.html @@ -0,0 +1,30 @@ + + + + + + + + Dodge Ball + + +
+

List Of People

+ +
+ +
+

Dodge Ball Players

+ +
+
+

Blue Team

+ +
+
+

Red Team

+ +
+ + + \ No newline at end of file diff --git a/07week/dodgeBall/dodgeBall.js b/07week/dodgeBall/dodgeBall.js new file mode 100644 index 000000000..dcd4297dc --- /dev/null +++ b/07week/dodgeBall/dodgeBall.js @@ -0,0 +1,183 @@ +'use strict' + + +const arrOfPeople = [ + { + id: 2, + name: "Charles Young", + age: 55, + skillSet: "welding", + placeBorn: "Omaha, Nebraska" + }, + { + id: 3, + name: "Judy Twilight", + age: 35, + skillSet: "fishing", + placeBorn: "Louisville, Kentucky" + }, + { + id: 4, + name: "Cynthia Doolittle", + age: 20, + skillSet: "tic tac toe", + placeBorn: "Pawnee, Texas" + }, + { + id: 5, + name: "John Willouby", + age: 28, + skillSet: "pipe fitting", + placeBorn: "New York, New York" + }, + { + id: 6, + name: "Stan Honest", + age: 20, + skillSet: "boom-a-rang throwing", + placeBorn: "Perth, Australia" + }, + { + id: 7, + name: "Mia Watu", + age: 17, + skillSet: "acrobatics", + placeBorn: "Los Angeles, California" + }, + { + id: 8, + name: "Walter Cole", + age: 32, + skillSet: "jump rope", + placeBorn: "New Orleans, Louisiana" + }, +] + +const listOfPlayers = []; +const blueTeam = []; +const redTeam = []; + + + +class player { + constructor(id, name, age, skillSet, placeBorn, canThrowBall, canDodgeBall, hasPaid, isHealthy, yearsExperience) { + this.id = id; + this.name = name; + this.age = age; + this.skillSet = skillSet; + this.placeBorn = placeBorn; + this.canThrowBall = canThrowBall; + this.canDodgeBall = canDodgeBall; + this.hasPaid = hasPaid; + this.isHealthy = isHealthy; + this.yearsExperience = yearsExperience; + } +} +class blueTeammate extends player { + constructor(id, name, age, skillSet, placeBorn, canThrowBall, canDodgeBall, hasPaid, isHealthy, yearsExperience, color, mascot) { + super(id, name, age, skillSet, placeBorn, canThrowBall, canDodgeBall, hasPaid, isHealthy, yearsExperience); + this.color = color; + this.mascot = mascot; + } +} +class redTeammate extends player { + constructor(id, name, age, skillSet, placeBorn, canThrowBall, canDodgeBall, hasPaid, isHealthy, yearsExperience, color, mascot) { + super(id, name, age, skillSet, placeBorn, canThrowBall, canDodgeBall, hasPaid, isHealthy, yearsExperience); + this.color = color; + this.mascot = mascot; + } +} + + + +const listPeopleChoices = () => { + document.getElementById("generate-people").remove(); + const listElement = document.getElementById('people') + arrOfPeople.map(person => { + const li = document.createElement("li") + li.setAttribute("id", `person-${person.id}`) + const button = document.createElement("button") + button.innerHTML = "Make Player" + button.addEventListener('click', function () { makePlayer(person.id) }) + li.appendChild(button) + li.appendChild(document.createTextNode(person.name + " - " + person.skillSet)) + listElement.append(li) + }) +} + +const makePlayer = (id) => { + document.getElementById(`person-${id}`).remove() + + let selectedPlayer; + for (let i = 0; i < arrOfPeople.length; i++) { + if (arrOfPeople[i].id === id) { + selectedPlayer = arrOfPeople[i]; + } + } + + const unassignedPlayer = new player(selectedPlayer.id, selectedPlayer.name, selectedPlayer.age, selectedPlayer.skillSet, selectedPlayer.placeBorn); + listOfPlayers.push(unassignedPlayer); + + const listElement = document.getElementById("players"); + const li = document.createElement("li"); + li.setAttribute("id", `person-${selectedPlayer.id}`) + + const buttonAssignRed = document.createElement("button"); + buttonAssignRed.innerHTML = "Assign to Red Team"; + buttonAssignRed.setAttribute("id", "red-button"); + buttonAssignRed.addEventListener('click', function () { assignRedTeammate(id) }); + + const buttonAssignBlue = document.createElement("button"); + buttonAssignBlue.innerHTML = "Assign to Blue Team"; + buttonAssignBlue.setAttribute("id", "blue-button"); + buttonAssignBlue.addEventListener('click', function () { assignBlueTeammate(id) }); + + + li.appendChild(buttonAssignRed); + li.appendChild(buttonAssignBlue); + li.appendChild(document.createTextNode(selectedPlayer.name + " - " + selectedPlayer.skillSet)); + + listElement.append(li); + +} + +const assignRedTeammate = (id) => { + document.getElementById(`person-${id}`).remove(); + + let selectedPlayer; + for (let i = 0; i < arrOfPeople.length; i++) { + if (arrOfPeople[i].id === id) { + selectedPlayer = arrOfPeople[i]; + } + } + + const assignedPlayer = new redTeammate(selectedPlayer.id, selectedPlayer.name, selectedPlayer.age, selectedPlayer.skillSet, selectedPlayer.placeBorn, null, null, null, null, null, "red", "bulls"); + redTeam.push(assignedPlayer); + + const listElement = document.getElementById("red"); + const li = document.createElement("li"); + li.setAttribute("id", `person-${selectedPlayer.id}`) + li.appendChild(document.createTextNode(selectedPlayer.name + " - " + selectedPlayer.skillSet)); + listElement.append(li); +} + +const assignBlueTeammate = (id) => { + document.getElementById(`person-${id}`).remove() + + let selectedPlayer; + for (let i = 0; i < arrOfPeople.length; i++) { + if (arrOfPeople[i].id === id) { + selectedPlayer = arrOfPeople[i]; + } + }; + + const assignedPlayer = new blueTeammate(selectedPlayer.id, selectedPlayer.name, selectedPlayer.age, selectedPlayer.skillSet, selectedPlayer.placeBorn, null, null, null, null, null, "blue", "bluedevils"); + blueTeam.push(assignedPlayer); + + const listElement = document.getElementById("blue"); + const li = document.createElement("li"); + li.setAttribute("id", `person-${selectedPlayer.id}`) + li.appendChild(document.createTextNode(selectedPlayer.name + " - " + selectedPlayer.skillSet)); + listElement.append(li); + +} diff --git a/08week/cardGame/api.html b/08week/cardGame/api.html new file mode 100644 index 000000000..4f5a77736 --- /dev/null +++ b/08week/cardGame/api.html @@ -0,0 +1,41 @@ + + + + Robot War!! + + + +

Robot War!!

+
+
+ You +
+
+
+ Computer +
+
+
+ +
+ +
+ + + +
+ + + + \ No newline at end of file diff --git a/08week/cardGame/api.js b/08week/cardGame/api.js new file mode 100644 index 000000000..d93f98321 --- /dev/null +++ b/08week/cardGame/api.js @@ -0,0 +1,139 @@ +'use strict' + +class Player { + cards = []; //the deck of cards belonging th this player (ie. their hand) + id = null; + divId = null; + + constructor(divId) { + this.id = Math.random(); //the id of the player (used to generate the robot) + this.divId = divId; // the divid on the page + }; +}; + +//make an API call to get the image of the robot + +// instaniating 2 player instances +let player1 = new Player("player1"); +let player2 = new Player("player2"); +// generate the robot for player1 +generateRobot(player1) +// generate the robot for player2 +generateRobot(player2) +// get thecards from the service, and split them between the 2 players +generateAndDealCards(); + +// uses the deckofcardsapi to generate a new deck, and then divy them between the players +function generateAndDealCards() { + fetch("https://deckofcardsapi.com/api/deck/new/shuffle/?deck_count=1") + .then(function(response) { + console.log("Process fetch response for deck of cards", response); + return response.json(); + }) + .then(function(json) { + console.log("Processing the deck of cards payload", json); + let deckId = json.deck_id; + dealCards(deckId); + }) +} + +// split the deck between the 2 players +function dealCards(deckId) { + fetch("https://deckofcardsapi.com/api/deck/"+deckId+"/draw/?count=52") + .then(function(response) { + console.log("Processing the response for drawing the cards", response); + return response.json(); + }) + .then(function(json) { + console.log("Processing the payload for drawing the cards", json); + for(let i=0; i v2) { + player1.cards.push(card1); + player1.cards.push(card2); + } + else if (v1 < v2) { + player2.cards.push(card1); + player2.cards.push(card2); + } + else { + player1.cards.push(card1); + player2.cards.push(card2); + } + + updatePlayerCardCount(player1) + updatePlayerCardCount(player2) + +} + +function getCardValue(card) { + let value = card.value; + if(value == "JACK") { + return 11; + } + else if(value == "QUEEN") { + return 12; + } + else if(value == "KING") { + return 13; + } + else if(value == "ACE") { + return 14; + } + else { + return parseInt(value); + } +}; \ No newline at end of file