Janken-pon Game

[Asafe Borges 0]

Olá, estou tentando criar um jogo pra praticar Java Script, sou inciante e mexo a pouco tempo com programação.

 

O jogo é janken-pon, também chamado "pedra, papel e tesoura". Quando é dado o comando pra ver quem é o vencedor, ao invés de me dizer se o vencedor é pedra, Papel ou tesoura ele retorna UNDEFINED.

 

Estou no mínimo a três dias tentando achar soluções mas não consegui resolver a questão, se alguém ajudar ficarei grato.

 

Reconheço que o código está meio bagunçado mas ai está:

 

 

//////////////HTML///////////////

 

<p id="second_text">

<p class="vitoriasUm">Vitórias</p>

<p class="vitoriasDois">Vitórias</p>

</p>

 

</div>

 

 

<form method="POST" action="">

 

<div id="second_camp">

<select name="firstChoise" id="one_choise" onchange="vitorias()">

<option value="Pedra">Pedra</option>

<option value="Papel">Papel</option>

<option value="Tesoura">Tesoura</option>

</select>

 

<p id="x">X</p>

 

<div type="submit" id="two_choise" class="secondChoise">two choise</div>

</form>

<div id="winner" class="winner">"Winner"</div>

 

</div>

 

 

 

 

 

 

 

/////////////Java Script///////////////

 

 

var i = 0;

var ii = 0;

 

 

function vitorias() {

 

 

 

var firstChoise = document.getElementsByName("firstChoise").value;

var secondChoise = Math.random();

 

//Declarando o VALOR 2

 

if (secondChoise < 0.34) {

secondChoise = "Pedra";

} else if (secondChoise < 0.68) {

secondChoise = "Papel";

} else if (secondChoise < 1) {

secondChoise = "Tesoura";

}

 

 

//Imprimindo o VALOR 2

 

var sc = document.getElementsByClassName("secondChoise");

sc[0].innerHTML = secondChoise;

 

 

/////WINNER/////

if (firstChoise === secondChoise) {

var winner = "Empate";

} else if (firstChoise === "Pedra") {

 

if (secondChoise === "Tesoura") {

firstChoise = "winner";

winner = "Pedra";

} else if (secondChoise === "Papel") {

secondChoise = "winner";

winner = "Papel";

}

} else if (firstChoise === "Papel") {

 

if (secondChoise === "Pedra") {

firstChoise = "winner";

winner = "Papel";

} else if (secondChoise === "Tesoura") {

secondChoise = "winner";

winner = "Tesoura";

}

} else if (firstChoise === "Tesoura") {

 

if (secondChoise === "Papel") {

firstChoise = "winner";

winner = "Tesoura";

} else if (secondChoise === "Pedra") {

secondChoise = "winner";

winner = "Pedra";

}

}

 

 

//Imprimindo VENCEDOR

 

var w = document.getElementsByClassName("winner");

w[0].innerHTML = winner;

 

 

//Imprimindo VITÓRIAS

 

if (firstChoise === "winner") {

 

i++;

 

if (i === 1) {

vitoriasUm = "|";

} else if (i === 2) {

vitoriasUm = "||";

} else if (i === 3) {

vitoriasUm = "|||";

} else if (i === 4) {

vitoriasUm = "||||";

} else if (i === 5) {

vitoriasUm = "|||||";

}

 

var vUm = document.getElementsByClassName("vitoriasUm");

vUm[0].innerHTML = vitoriasUm;

 

} else if (secondChoise === "winner") {

 

ii++;

 

if (ii === 1) {

vitoriasDois = "|";

} else if (ii === 2) {

vitoriasDois = "||";

} else if (ii === 3) {

vitoriasDois = "|||";

} else if (ii === 4) {

vitoriasDois = "||||";

} else if (ii === 5) {

vitoriasDois = "|||||";

}

 

var vDois = ducument.getElementsByClassName("vitoriasDois");

vDois[1].innerHTML = vitoriasDois;

 

} // Fim IF

 

}