From 1fcb68f4e4a5687c7726cb45b91879a4f6a23b54 Mon Sep 17 00:00:00 2001 From: Smig Tech Date: Tue, 26 Sep 2023 09:33:47 -0400 Subject: [PATCH] added tictactoe.js --- dom-exercise/index.html | 17 ++++++++++++++ dom-exercise/js/script.js | 36 ++++++++++++++++++++++++++++ javascript/index.html | 1 + javascript/javascript.js | 0 javascript/tictactoe.js | 49 +++++++++++++++++++++++++++++++++++++++ 5 files changed, 103 insertions(+) create mode 100644 dom-exercise/index.html create mode 100644 dom-exercise/js/script.js create mode 100644 javascript/javascript.js create mode 100644 javascript/tictactoe.js diff --git a/dom-exercise/index.html b/dom-exercise/index.html new file mode 100644 index 0000000..5e78b5a --- /dev/null +++ b/dom-exercise/index.html @@ -0,0 +1,17 @@ + + + + + + Document + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/dom-exercise/js/script.js b/dom-exercise/js/script.js new file mode 100644 index 0000000..aeb850e --- /dev/null +++ b/dom-exercise/js/script.js @@ -0,0 +1,36 @@ +const container = document.querySelector('.container'); + +const content = document.createElement('div'); + +content.classList.add('dynamic'); +content.textContent = "This shit is added"; +container.appendChild(content); + +const paragraph = document.createElement('p'); +paragraph.textContent = 'Hey, I\'m red'; +paragraph.style.color = 'red'; +container.appendChild(paragraph); + +const headerThree = document.createElement('h3'); +headerThree.textContent = "Hey, I'm blue h3!"; +headerThree.style.color = 'blue'; +container.appendChild(headerThree); + +const newDiv = document.createElement('div'); +newDiv.style.borderColor = 'black'; +newDiv.style.backgroundColor = 'pink'; + +const innerHeader = document.createElement('h1'); +innerHeader.textContent = "I'm in a div!"; +const paragraphTwo = document.createElement('p'); +paragraphTwo.textContent = "Me too!!!"; + +newDiv.appendChild(innerHeader); +newDiv.appendChild(paragraphTwo); +container.appendChild(newDiv); + +// the JavaScript file +const btn = document.querySelector('#btn'); +btn.addEventListener('click', () => { + alert("Hello World"); +}); \ No newline at end of file diff --git a/javascript/index.html b/javascript/index.html index a9f675b..8a3357b 100644 --- a/javascript/index.html +++ b/javascript/index.html @@ -7,5 +7,6 @@ + \ No newline at end of file diff --git a/javascript/javascript.js b/javascript/javascript.js new file mode 100644 index 0000000..e69de29 diff --git a/javascript/tictactoe.js b/javascript/tictactoe.js new file mode 100644 index 0000000..c3f9618 --- /dev/null +++ b/javascript/tictactoe.js @@ -0,0 +1,49 @@ +// TODO +/* +Simple TTT game. + +User chooses R,P,S and then the computers answer should be randomly generated +from those 3 options + +method to compare users answer vs computers +rock > scissors && rock < paper +scissors > paper && scissors < rock +pape > rock && paper < scissors +repeat if user_ans == computer_ans + + +if either player wins log output +else if its a tie , it should prompt the user to pick a new answer +until a winner is picked +*/ + +let rpc = ["rock", "paper", "scissors"] + +let usersChoice = () => { + let userChoice = prompt("Rock, Paper, or Scissors? "); + return userChoice.toLocaleLowerCase(); +} + +let getCPUChoice = () => { + // Generate a random number between 0 and 2 + let choice = Math.floor(Math.random() * 3); + + return rpc[choice]; +} + +function getResults(playerSelection, cpuSelection) { + if (playerSelection === cpuSelection) { + return "tie"; + } else if (playerSelection == "rock" && cpuSelection == "scissors" || + playerSelection == "paper" && cpuSelection == "rock" || + playerSelection == "scissors" && cpuSelection == "paper") { + return `You Win! ${playerSelection} beats ${cpuSelection}`; + } else { + return `You Lose! ${cpuSelection} beats ${playerSelection}`; + } +} + +uc = usersChoice(); +cpc = getCPUChoice(); +console.log(uc, cpc); +console.log(getResults(uc, cpc)); \ No newline at end of file