#kris codes

script

let number1; let operator; let number2;

function add(number1, number2) { let result = number1 + number2; console.log(result); }

function subtract(number1, number2) { let result = number1 - number2; console.log(result); }

function multiply(number1, number2) { let result = number1 * number2; console.log(result); }

function divide(number1, number2) { let result = number1 / number2; console.log(result); }

function operate() { }

add(2,2); subtract(4,2); multiply(3,3); divide(4,2);

operate function functions!!

let number1; let operator = "+"; let number2;

function add(number1, number2) { let result = number1 + number2; console.log(result); }

function subtract(number1, number2) { let result = number1 - number2; console.log(result); }

function multiply(number1, number2) { let result = number1 * number2; console.log(result); }

function divide(number1, number2) { let result = number1 / number2; console.log(result); }

function operate(number1, operator, number2) { switch(true) { case (operator === "+") : add(number1,number2); break; case (operator === "-") : subtract(number1,number2); break; case (operator === "*") : multiply(number1,number2); break; case (operator === "/") : divide(number1,number2); break; default : console.log("No operation received"); break; } }

operate(1,"*",2);

//add(2,2); //subtract(4,2); //multiply(3,3); //divide(4,2);

operands html

operands stylesheet

body { }

#calculator {

display: flex; flex-direction: column; align-items: space-around; max-width: 400px; background-color: lavender; margin: auto;

}

#result {

flex: 1;

/* width:280px; */ background-color: Silver; }

#buttons {

display:flex; flex-wrap: wrap;

}

.btn { flex: 1; width: 97px; background-color:LavenderBlush; }

button { border-color:Lavender; }

.btn:hover { background-color: MediumPurple; }

#equals {

width: 400px;

//new new script.js

//icky global variables bc baby's first program let roundCount = 0; let computerCount = 0; let playerCount = 0;

const rock = document.querySelector(".rock"); const paper = document.querySelector(".paper"); const scissors = document.querySelector(".scissors"); const done = document.querySelector(".done");

const results = document.getElementById('results'); let p = document.createElement('p');

let playerChoice; let computerChoice;

//set & get computerSelection const choices = [ "rock", "paper", "scissors" ];

function getComputerChoice() { const random = Math.floor(Math.random() * choices.length); let computerChoice = (random, choices[random]); if(playerChoice !== "None") { console.log(Computer wrote ${computerChoice}); results.append(p); return computerChoice; } else { computerChoice = "No Survivors"; } }

// PLAYER CHOICE NEW SECTION START

rock.addEventListener('mousedown', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

paper.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

scissors.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

function getPlayerChoice() {if (playerChoice) { console.log(`Player wrote ${playerChoice}`); results.append(p); return playerChoice; } else { console.log("Please make a selection"); playerChoice = "None"; }

};

function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(p.textContent = `Finally! Computer wrote ${computerChoice}`); results.append(p.textContent = `Finally! Player wrote ${playerChoice}`);

} else { results.append(p.textContent = "Please make a selection."); }switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie");

// console.log(playerChoice); // console.log(computerChoice); break; case (playerChoice === "paper" && computerChoice === "rock") : console.log("player win"); break; case (playerChoice === "paper" && computerChoice === "scissors") : console.log("player lose"); break; case (playerChoice === "scissors" && computerChoice === "rock") : console.log("player lose"); break; case (playerChoice === "scissors" && computerChoice === "paper") : console.log("player lose"); break; case (playerChoice === "rock" && computerChoice === "paper") : console.log("player lose"); break; case (playerChoice === "rock" && computerChoice === "scissors") : console.log("player win"); break; default: break; } }

done.addEventListener('click', function (e) { results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;

});

JRLKSJFLSDF IT WORKS IT CLEARS ITSELF AND THE P ELEMENTS R INSERTED HOLY SLKDFJSDLF

//new new script.js

//icky global variables bc baby's first program let roundCount = 0; let computerCount = 0; let playerCount = 0;

const rock = document.querySelector(".rock"); const paper = document.querySelector(".paper"); const scissors = document.querySelector(".scissors"); const done = document.querySelector(".done");

const results = document.getElementById('results'); let playerSpace = document.createElement("p"); let computerSpace = document.createElement("p"); let errorMessage = document.createElement("p");

let playerChoice; let computerChoice;

//set & get computerSelection const choices = [ "rock", "paper", "scissors" ];

function getComputerChoice() { const random = Math.floor(Math.random() * choices.length); let computerChoice = (random, choices[random]); if(playerChoice !== "None") { console.log(Computer wrote ${computerChoice}); // results.append(computerSpace); computerSpace.textContent = Computer wrote ${computerChoice}; return computerChoice; } else { computerChoice = "No Survivors"; } }

// PLAYER CHOICE NEW SECTION START

rock.addEventListener('mousedown', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

paper.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

scissors.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

function getPlayerChoice() {if (playerChoice) { console.log(`Player wrote ${playerChoice}`);

// results.append(playerSpace); playerSpace.textContent = Player wrote ${playerChoice}; return playerChoice; } else { console.log("Please make a selection"); playerChoice = "None"; } };

function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(computerSpace); results.append(playerSpace);

} else { errorMessage.textContent = "Please make a selection."; results.append(errorMessage); }switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie");

// console.log(playerChoice); // console.log(computerChoice); break; case (playerChoice === "paper" && computerChoice === "rock") : console.log("player win"); break; case (playerChoice === "paper" && computerChoice === "scissors") : console.log("player lose"); break; case (playerChoice === "scissors" && computerChoice === "rock") : console.log("player lose"); break; case (playerChoice === "scissors" && computerChoice === "paper") : console.log("player lose"); break; case (playerChoice === "rock" && computerChoice === "paper") : console.log("player lose"); break; case (playerChoice === "rock" && computerChoice === "scissors") : console.log("player win"); break; default: break; } }

done.addEventListener('click', function (e) { results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;

});

round Winners and Round Outcome prints!

//new new script.js

//icky global variables bc baby's first program let roundCount = 0; let computerCount = 0; let playerCount = 0;

const rock = document.querySelector(".rock"); const paper = document.querySelector(".paper"); const scissors = document.querySelector(".scissors"); const done = document.querySelector(".done");

const results = document.getElementById('results'); let playerSpace = document.createElement("p"); let computerSpace = document.createElement("p"); let errorMessage = document.createElement("p"); let roundWinner = document.createElement("p");

let playerChoice; let computerChoice;

//set & get computerSelection const choices = [ "rock", "paper", "scissors" ];

function getComputerChoice() { const random = Math.floor(Math.random() * choices.length); let computerChoice = (random, choices[random]); if(playerChoice !== "None") { console.log(Computer wrote ${computerChoice}); // results.append(computerSpace); computerSpace.textContent = Computer wrote ${computerChoice}; return computerChoice; } else { computerChoice = "No Survivors"; } }

// PLAYER CHOICE NEW SECTION START

rock.addEventListener('mousedown', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

paper.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

scissors.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

function getPlayerChoice() {if (playerChoice) { console.log(`Player wrote ${playerChoice}`);

// results.append(playerSpace); playerSpace.textContent = Player wrote ${playerChoice}; return playerChoice; } else { console.log("Please make a selection"); playerChoice = "None"; } };

function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(computerSpace); results.append(playerSpace);

} else { errorMessage.textContent = "Please make a selection."; results.append(errorMessage); }switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie"); roundWinner.textContent = "It's a tie" break; case (playerChoice === "paper" && computerChoice === "rock") : console.log("player win"); roundWinner.textContent = "player win" break; case (playerChoice === "paper" && computerChoice === "scissors") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "scissors" && computerChoice === "rock") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "scissors" && computerChoice === "paper") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "rock" && computerChoice === "paper") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "rock" && computerChoice === "scissors") : console.log("player win"); roundWinner.textContent = "player win" break; default: roundWinner.textContent = "No winner determined" break; } results.append(roundWinner);

}

done.addEventListener('click', function (e) { results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;

});

hmmm the roundcount does console logs but that's it! make a new section ok? ok

//new new script.js

//icky global variables bc baby's first program let roundCount = 1; let computerCount = 0; let playerCount = 0;

const rock = document.querySelector(".rock"); const paper = document.querySelector(".paper"); const scissors = document.querySelector(".scissors"); const done = document.querySelector(".done");

const results = document.getElementById('results'); let playerSpace = document.createElement("p"); let computerSpace = document.createElement("p"); let errorMessage = document.createElement("p"); let roundWinner = document.createElement("p"); let roundCounter = document.createElement("p");

let playerChoice; let computerChoice;

//set & get computerSelection const choices = [ "rock", "paper", "scissors" ];

function getComputerChoice() { const random = Math.floor(Math.random() * choices.length); let computerChoice = (random, choices[random]); if(playerChoice !== "None") { console.log(Computer wrote ${computerChoice}); // results.append(computerSpace); computerSpace.textContent = Computer wrote ${computerChoice}; return computerChoice; } else { computerChoice = "No Survivors"; } }

// PLAYER CHOICE NEW SECTION START

rock.addEventListener('mousedown', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

paper.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

scissors.addEventListener('click', function (e) { let result = e.target.textContent.toLowerCase(); playerChoice = result; });

function getPlayerChoice() { if (playerChoice) { console.log(Player wrote ${playerChoice}); // results.append(playerSpace); playerSpace.textContent = Player wrote ${playerChoice}; return playerChoice; } else { console.log("Please make a selection"); playerChoice = "None"; } };

function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(computerSpace); results.append(playerSpace); roundCount += 1;

} else { errorMessage.textContent = "Please make a selection."; results.append(errorMessage);roundCount += 0; } switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie"); roundWinner.textContent = "It's a tie" break; case (playerChoice === "paper" && computerChoice === "rock") : console.log("player win"); roundWinner.textContent = "player win" playerCount += 1; break; case (playerChoice === "paper" && computerChoice === "scissors") : console.log("player lose"); roundWinner.textContent = "player lose" computerCount += 1; break; case (playerChoice === "scissors" && computerChoice === "rock") : console.log("player lose"); roundWinner.textContent = "player lose" computerCount += 1; break; case (playerChoice === "scissors" && computerChoice === "paper") : console.log("player win"); roundWinner.textContent = "player win" playerCount += 1; break; case (playerChoice === "rock" && computerChoice === "paper") : console.log("player lose"); roundWinner.textContent = "player lose" computerCount += 1; break; case (playerChoice === "rock" && computerChoice === "scissors") : console.log("player win"); roundWinner.textContent = "player win" playerCount += 1; break; default: roundWinner.textContent = "No winner determined" break; } results.append(roundWinner); console.log(`It is Round ${roundCount}`); console.log(`Computer wins is ${computerCount}`); console.log(`Player wins is ${playerCount}`);

}

done.addEventListener('click', function (e) { results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;

});

function Game() {

}