diff --git a/README.md b/README.md index da57339..045b449 100644 --- a/README.md +++ b/README.md @@ -1 +1,12 @@ -This repository contains answers to the assignments of Advent of Coding 2022 +# Advent of Code 2022 - assignment2 javascript +## Description +Assignment2 involves a game of rock paper scissors. The solution uses an enum for rock, paper, scissor values it defines two functions for selecting a winning and losing hand. The winning and losing hand take advantage of the fact that each next value in the rock, paper, scissor trio beats the previous (looping back to rock). For losing it is the other way around. The winning_hand function is also used to determine the score for player. In the GUI there is a checkbox for selecting solution options (part1,part2). + +## References +- https://www.psychologytoday.com/us/blog/the-blame-game/201504/the-surprising-psychology-rock-paper-scissors#:~:text=There%20are%20four%20possible%20outcomes,Douglas%20Walker%20and%20Graham%20Walker. +- https://www.sohamkamani.com/javascript/enums/ +- https://codingbeautydev.com/blog/javascript-remove-all-whitespace-from-string/#:~:text=To%20remove%20all%20whitespace%20from%20a%20string%20in%20JavaScript%2C%20call,all%20whitespace%20removed%20from%20str%20. +- https://www.geeksforgeeks.org/how-to-check-a-key-exists-in-javascript-object/#:~:text=There%20are%20mainly%20two%20methods,property%20is%20in%20the%20object. +- https://stackoverflow.com/questions/5765398/whats-the-best-way-to-convert-a-number-to-a-string-in-javascript +- https://www.w3schools.com/jsref/jsref_switch.asp +- https://www.w3schools.com/tags/att_input_type_checkbox.asp diff --git a/index.html b/index.html index 5cf1ba4..81f38ef 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,8 @@

Assignment:

- + +

Answer:

Provide input first
diff --git a/script.js b/script.js index a6e2848..2e618cf 100644 --- a/script.js +++ b/script.js @@ -1,12 +1,62 @@ const ASSIGNMENT = 'assignment'; const ANSWER = 'answer'; +const ALGORITHM_CHECKBOX = 'algorithm'; +const ERROR_MESSAGE_NO_SUCH_CHARACTER_IN_RPS = "Non existant character in rock paper scissor game selected: "; +const ERROR_MESSAGE_TOO_FEW_CHARACTERS_IN_LINE = "Too few characters in line: "; const NEWLINE_CHARACTER = '\n'; +const OPTION_LOSE = 'X'; +const OPTION_TIE = 'Y'; +const OPTION_WIN = 'Z'; + +const RPS = Object.freeze({ + ROCK: 1, + PAPER: 2, + SCISSORS: 3, + + /** + * Select winning hand for given hand. + * @param hand the chosen hand + * @return RPS the winning hand + */ + winning_hand: function(hand) { + hand++; + if(hand > RPS.SCISSORS) { + hand = RPS.ROCK; + } + return hand; + }, + + /** + * Select losing hand for given hand. + * @param hand the chosen hand + * @return RPS the losing hand + */ + losing_hand: function(hand) { + hand--; + if(hand < RPS.ROCK) { + hand = RPS.SCISSORS; + } + return hand; + } +}); +const RPS_ALIAS_MAP = Object.freeze({ + "A": RPS.ROCK, + "B": RPS.PAPER, + "C": RPS.SCISSORS, + "X": RPS.ROCK, + "Y": RPS.PAPER, + "Z": RPS.SCISSORS, +}) +const SCORE_LOSE = 0; +const SCORE_TIE = 3; +const SCORE_WIN = 6; /** * Main function */ window.onload = function() { document.getElementById(ASSIGNMENT).addEventListener("input", calculateAnswer); + document.getElementById(ALGORITHM_CHECKBOX).addEventListener("click", calculateAnswer); } /** @@ -15,7 +65,9 @@ window.onload = function() { */ function calculateAnswer(event) { console.info("Calculating answer for input..."); - let answer = algorithm(event.target.value); + let assignment = document.getElementById(ASSIGNMENT).value; + let interpret_as_rps = document.getElementById(ALGORITHM_CHECKBOX).checked; + let answer = algorithm(assignment, interpret_as_rps); document.getElementById(ANSWER).innerText = answer; } @@ -25,9 +77,115 @@ function calculateAnswer(event) { * @param assignment the input from the assignment. * @return string the answer */ -function algorithm(assignment) { +function algorithm(assignment, interpret_as_rps) { + let errors = 0; let lines = assignment.trim().split(NEWLINE_CHARACTER); + let score = 0; console.info("Linecount:" + lines.length); - // TODO: implement assignment + for(let i=0; i 0) { + return errors.toString() + " Error(s) in input, see console for details." + } + + return "Player score: " + score; +} + +/** + * Interpret given input for player as a rock paper scissor character. + * @param char input the input for hand character (A,B,C,X,Y,Z) + * @return the player hand character or -1 if invalid. + */ +function interpret_player_hand_as_rps_input(input) { + return map_hand_character(input); +} + +/** + * Interpret given input for player as a match option. + * @param char input the input for match option (X,Y,Z) + * @return the player hand character or -1 if invalid. + */ +function interpret_player_hand_as_match_input(input, opponent_hand) { + let player_hand = -1; + switch (input) { + case OPTION_LOSE: + player_hand = RPS.losing_hand(opponent_hand); + break; + case OPTION_WIN: + player_hand = RPS.winning_hand(opponent_hand); + break; + case OPTION_TIE: + player_hand = opponent_hand; + break; + } + + return player_hand; +} + +/** + * Maps the chosen hand character to + * @param hand_character the chosen character + * @return RPS the rock paper scissor hand or -1 if invalid + */ +function map_hand_character(hand_character) { + if(!(hand_character in RPS_ALIAS_MAP)) { + return -1; + } + + return RPS_ALIAS_MAP[hand_character]; +} + +/** + * Calculate the result of rock paper scissor match + * @param RPS player_hand the player's choice + * @param RPS opponent_hand the opponent's choice + * @return score + */ +function rps_result(player_hand, opponent_hand) { + let score = 0; + if(player_hand == opponent_hand) { + score = SCORE_TIE + player_hand; // TIE + } else if(player_hand == RPS.winning_hand(opponent_hand)) { + score = SCORE_WIN + player_hand; // WIN + } else { + score = SCORE_LOSE + player_hand; // LOSE + } + + console.debug("score:" + score + ", player: " + player_hand + ", opponent: " + opponent_hand); + return score; } \ No newline at end of file diff --git a/style.css b/style.css index f39a6bd..4d04f9d 100644 --- a/style.css +++ b/style.css @@ -6,6 +6,9 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } + textarea { + display: block; + } #answer { color: purple }