Skip to main content
se da formato a la pregunta para mejorar la visualización.
Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

He estado haciendo una mini aplicacionaplicación de piedra, papel o tijera que se divide en dos quey se encuentran en dos archivos html (main.htmlhtml main.html y options.html)options.html. Las partes este proyecto son:

Y yo tengo 2 archivos jsjs los cuales son main.jsmain.js y box.jsbox.js conectados a dos documentos htmlhtml distintos también. En el main.jsmain.js tengo los objetos de jugador 1, jugador 2 y computadora dependiendo de si el jugador uno quiere jugar contra otro jugador o contra la computadora.

Mi problema es que, como ya he dicho, mi jugador 1 puede jugar con otro jugador o contra la computadora. Entonces la computadora también es un objeto llamadallamado computer que tiene la propiedad playplay, como el objeto de jugador 2 que tambientambién la tiene, que y sirve para saber, al apretar el boton de jugar contra computadora o el otro botón de jugar contra jugador, si quieres jugarjuegas contra la computadora o contra un contra otro jugador. 

El problema aquí es que la propiedad playplay de ambos objetos me da que es verdadera y solo me deja jugar contra otro jugador, cuando en realidad lo que tendría que suceder es que si yo aprieto el boton vs computer, debería jugar contra la computadora y si aprieto el de vs player, debería dejarme jugar contra un jugador. 

De ante mano muchas gracias por leer esto y disculpen de antemano si no me he explayadoexplicado lo suficiente. 

Mi problema o problemas estanestán señalados en el codigocódigo con comentarios pero basicamentebásicamente se encuentran en las funciones loginPlayerTwo y loginComputer

"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

//MI PROBLEMA ESTA AQUI
function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=true;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                choosingEnemy();
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    choosingEnemy();
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
                }
                
            }
        })

        
       
    })
}

//MI PROBLEMA ESTA AQUI
function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= true;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            choosingEnemy();
            localStorage.setItem("computer",JSON.stringify(computer));   
        }
        
    
    })
};

//HE INTENTADO HACER ESTO ANTES DE PONER MIS OBJETOS EN EL LOCAL STORGE PERO NO SIRVE
function choosingEnemy(){
    if(playerTwo.play===false){
        computer.play=true;
        playerTwo.play= false;   
    } else{
        playerTwo.play= true;
        computer.play= false;
    }
}

"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

//MI PROBLEMA ESTA AQUI
function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=true;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                choosingEnemy();
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    choosingEnemy();
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
                }
                
            }
        })

        
       
    })
}

//MI PROBLEMA ESTA AQUI
function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= true;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            choosingEnemy();
            localStorage.setItem("computer",JSON.stringify(computer));   
        }
        
    
    })
};

//HE INTENTADO HACER ESTO ANTES DE PONER MIS OBJETOS EN EL LOCAL STORGE PERO NO SIRVE
function choosingEnemy(){
    if(playerTwo.play===false){
        computer.play=true;
        playerTwo.play= false;   
    } else{
        playerTwo.play= true;
        computer.play= false;
    }
}

He estado haciendo una mini aplicacion de piedra, papel o tijera que se divide en dos que se encuentran en dos archivos html (main.html y options.html). Las partes este proyecto son:

Y yo tengo 2 archivos js los cuales son main.js y box.js conectados a dos documentos html distintos también. En el main.js tengo los objetos de jugador 1, jugador 2 y computadora dependiendo de si el jugador uno quiere jugar contra otro jugador o contra la computadora.

Mi problema es que, como ya he dicho, mi jugador 1 puede jugar con otro jugador o contra la computadora. Entonces la computadora también es un objeto llamada computer que tiene la propiedad play, como el objeto de jugador 2 que tambien la tiene, que sirve para saber al apretar el boton de jugar contra computadora o el otro botón de jugar contra jugador si quieres jugar contra la computadora o contra un jugador. El problema aquí es que la propiedad play de ambos objetos me da que es verdadera y solo me deja jugar contra otro jugador, cuando en realidad lo que tendría que suceder es que si yo aprieto el boton vs computer, debería jugar contra la computadora y si aprieto el de vs player, debería dejarme jugar contra un jugador. De ante mano muchas gracias por leer esto y disculpen de antemano si no me he explayado lo suficiente. Mi problema o problemas estan señalados en el codigo con comentarios pero basicamente se encuentran en las funciones loginPlayerTwo y loginComputer

"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

//MI PROBLEMA ESTA AQUI
function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=true;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                choosingEnemy();
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    choosingEnemy();
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
                }
                
            }
        })

        
       
    })
}

//MI PROBLEMA ESTA AQUI
function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= true;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            choosingEnemy();
            localStorage.setItem("computer",JSON.stringify(computer));   
        }
        
    
    })
};

//HE INTENTADO HACER ESTO ANTES DE PONER MIS OBJETOS EN EL LOCAL STORGE PERO NO SIRVE
function choosingEnemy(){
    if(playerTwo.play===false){
        computer.play=true;
        playerTwo.play= false;   
    } else{
        playerTwo.play= true;
        computer.play= false;
    }
}

He estado haciendo una mini aplicación de piedra, papel o tijera que se divide en dos y se encuentran en dos archivos html main.html y options.html. Las partes este proyecto son:

Y yo tengo 2 archivos js los cuales son main.js y box.js conectados a dos documentos html distintos también. En el main.js tengo los objetos de jugador 1, jugador 2 y computadora dependiendo de si el jugador uno quiere jugar contra otro jugador o contra la computadora.

Mi problema es que, como ya he dicho, mi jugador 1 puede jugar con otro jugador o contra la computadora. Entonces la computadora también es un objeto llamado computer que tiene la propiedad play, como el objeto de jugador 2 que también la tiene y sirve para saber, al apretar el botón, si juegas contra computadora o contra otro jugador. 

El problema aquí es que la propiedad play de ambos objetos me da que es verdadera y solo me deja jugar contra otro jugador, cuando en realidad lo que tendría que suceder es que si yo aprieto el boton vs computer, debería jugar contra la computadora y si aprieto el de vs player, debería dejarme jugar contra un jugador. 

De ante mano muchas gracias por leer esto y disculpen de antemano si no me he explicado lo suficiente. 

Mi problema o problemas están señalados en el código con comentarios pero básicamente se encuentran en las funciones loginPlayerTwo y loginComputer

"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

//MI PROBLEMA ESTA AQUI
function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=true;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                choosingEnemy();
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    choosingEnemy();
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
                }
                
            }
        })

        
       
    })
}

//MI PROBLEMA ESTA AQUI
function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= true;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            choosingEnemy();
            localStorage.setItem("computer",JSON.stringify(computer));   
        }
        
    
    })
};

//HE INTENTADO HACER ESTO ANTES DE PONER MIS OBJETOS EN EL LOCAL STORGE PERO NO SIRVE
function choosingEnemy(){
    if(playerTwo.play===false){
        computer.play=true;
        playerTwo.play= false;   
    } else{
        playerTwo.play= true;
        computer.play= false;
    }
}
no se entendia bien el problema
Origen Enlace
FERRE FACU
  • 41
  • 2
  • 13
"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

//MI PROBLEMA ESTA AQUI
function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=false;play=true;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                choosingEnemy();
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo)); //problema aqui
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    choosingEnemy();
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo)); // problema aqui
                }
                
            }
        })

        
       
    })
}

//MI PROBLEMA ESTA AQUI
function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= false;true;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            choosingEnemy();
            localStorage.setItem("computer",JSON.stringify(computer));   
        }
        
    
    })
};

//miHE problemaINTENTADO seHACER encuentraESTO aquiANTES DE PONER MIS OBJETOS EN EL LOCAL STORGE PERO NO SIRVE
function choosingEnemy(){
    if(playerTwo.play===false){
        computer.play=true;
        playerTwo.play= false;    
    } else{
        playerTwo.play= true;
        computer.play= false;
    })
};
<!--parte html de main.js-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../style.css/style.css">
    <title>Rock Paper or Scissors</title>
</head>
<body onload="calling()">
    <div class="principalContainer" >
        <h1 class="title">Rock Paper or Scissors Game</h1>
        <div class="players">
            <div class="playerOne" id="playerOne"><p class="text-player">Put Your Name Player One</p>
                <input type="text" name="" id="input" placeholder="Put your name here"><i class="plusButton" id="plusButton"><p class="plus">+</p></i>
            </div>
            <div id="oponente" class="oponent">
                <a href="#oponente"><input type="button" id="computer" value=".VS Computer"></a><a href="#playertwo"><input type="button" id="player" value=" .VS Player"></a>
            </div>
            <div id="playertwo" class="playerTwo">
                <p class="text-player-two">Put Your Name Player Two</p>
                <input type="text" name="" id="input-two" placeholder="Put your name here"><i class="plusButton-two" id="plusButton-two"><p class="plus-two">+</p></i>
            </div>
        </div>    
        <div class="playLink">
            <a href="options.html" class="game">Let´s Play Folks!</a>
        </div>
    </div>
    <script defer src="../main.js/main.js"></script>
</body>
</html>
"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=false;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo)); //problema aqui
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo)); // problema aqui
                }
                
            }
        })

        
       
    })
}


function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= false;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            
            localStorage.setItem("computer",JSON.stringify(computer)); //mi problema se encuentra aqui   
        }
        
    
    })
};
<!--parte html de main.js-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../style.css/style.css">
    <title>Rock Paper or Scissors</title>
</head>
<body onload="calling()">
    <div class="principalContainer" >
        <h1 class="title">Rock Paper or Scissors Game</h1>
        <div class="players">
            <div class="playerOne" id="playerOne"><p class="text-player">Put Your Name Player One</p>
                <input type="text" name="" id="input" placeholder="Put your name here"><i class="plusButton" id="plusButton"><p class="plus">+</p></i>
            </div>
            <div id="oponente" class="oponent">
                <a href="#oponente"><input type="button" id="computer" value=".VS Computer"></a><a href="#playertwo"><input type="button" id="player" value=" .VS Player"></a>
            </div>
            <div id="playertwo" class="playerTwo">
                <p class="text-player-two">Put Your Name Player Two</p>
                <input type="text" name="" id="input-two" placeholder="Put your name here"><i class="plusButton-two" id="plusButton-two"><p class="plus-two">+</p></i>
            </div>
        </div>    
        <div class="playLink">
            <a href="options.html" class="game">Let´s Play Folks!</a>
        </div>
    </div>
    <script defer src="../main.js/main.js"></script>
</body>
</html>
"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

//MI PROBLEMA ESTA AQUI
function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=true;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                choosingEnemy();
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    choosingEnemy();
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo));
                }
                
            }
        })

        
       
    })
}

//MI PROBLEMA ESTA AQUI
function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= true;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            choosingEnemy();
            localStorage.setItem("computer",JSON.stringify(computer));   
        }
        
    
    })
};

//HE INTENTADO HACER ESTO ANTES DE PONER MIS OBJETOS EN EL LOCAL STORGE PERO NO SIRVE
function choosingEnemy(){
    if(playerTwo.play===false){
        computer.play=true;
        playerTwo.play= false;    
    } else{
        playerTwo.play= true;
        computer.play= false;
    }
}
Origen Enlace
FERRE FACU
  • 41
  • 2
  • 13

¿Alguien podria explicarme que sucede con las propiedades de mis objetos problemas en mi proyecto?

He estado haciendo una mini aplicacion de piedra, papel o tijera que se divide en dos que se encuentran en dos archivos html (main.html y options.html). Las partes este proyecto son:

El "login" y el "juego" en sí

Y yo tengo 2 archivos js los cuales son main.js y box.js conectados a dos documentos html distintos también. En el main.js tengo los objetos de jugador 1, jugador 2 y computadora dependiendo de si el jugador uno quiere jugar contra otro jugador o contra la computadora.

Mi problema es que, como ya he dicho, mi jugador 1 puede jugar con otro jugador o contra la computadora. Entonces la computadora también es un objeto llamada computer que tiene la propiedad play, como el objeto de jugador 2 que tambien la tiene, que sirve para saber al apretar el boton de jugar contra computadora o el otro botón de jugar contra jugador si quieres jugar contra la computadora o contra un jugador. El problema aquí es que la propiedad play de ambos objetos me da que es verdadera y solo me deja jugar contra otro jugador, cuando en realidad lo que tendría que suceder es que si yo aprieto el boton vs computer, debería jugar contra la computadora y si aprieto el de vs player, debería dejarme jugar contra un jugador. De ante mano muchas gracias por leer esto y disculpen de antemano si no me he explayado lo suficiente. Mi problema o problemas estan señalados en el codigo con comentarios pero basicamente se encuentran en las funciones loginPlayerTwo y loginComputer

"use strict";
//main.js "la parte login"
let playerOne= {
    name: "",
    turn: true,
    option: "",
    points: 0,
}

let playerTwo= {
    name:"" ,
    play: false, 
    turn: false,
    option: "",
    points: 0,
}

let computer= {
    name: "Computer",
    play: false,
    turn: false,
    option: "",
    points: 0,
}

//selecting DOM elements

//login page
const firstInput= document.getElementById("input");
const firstPlusButton= document.getElementById("plusButton");
const compButton= document.getElementById("computer");
const playerButton= document.getElementById("player");
const secondInput= document.getElementById("input-two");
const secondPlusButton= document.getElementById("plusButton-two");

function calling(){
    loginPlayerOne();
    loginPlayerTwo(); 
    loginComputer();
}

    
function loginPlayerOne(){
    firstPlusButton.addEventListener("click",()=>{
        let data= playerOne.name= firstInput.value;
        JSON.stringify(data);
        console.log(playerOne.name);
        console.log(playerOne);
        if(typeof playerOne.name==="string"){
            localStorage.setItem("playerOne",JSON.stringify(playerOne));
        };
    });


    document.addEventListener("keyup",(event)=>{
        if(event.keyCode===13){
            playerOne.name= firstInput.value;
            console.log(playerOne.name);
            if(typeof playerOne.name==="string"){
                localStorage.setItem("playerOne",JSON.stringify(playerOne));
            };
        }
    });
    
    
}

function loginPlayerTwo(){
    playerButton.addEventListener("click",()=>{ 
        playerTwo.play=false;
        computer.play=false;

        if(computer.play===false){
            playerTwo.play= true;
        }

        secondPlusButton.addEventListener("click",()=>{
            playerTwo.name= secondInput.value;

            console.log(playerTwo.name); 
            console.log("Estas jugando contra un jugador");
            console.log(playerTwo.play);
            console.log(computer.play);

            if(typeof playerTwo.name==="string"){
                localStorage.setItem("playerTwo",JSON.stringify(playerTwo)); //problema aqui
            };
            
        })


        document.addEventListener("keyup",(event)=>{
            if(event.keyCode===13){
                playerTwo.name= secondInput.value;

                console.log(playerTwo.name);
                console.log("Estas jugando contra un jugador");
                console.log(playerTwo.play);
                console.log(computer.play);

                if(typeof playerTwo.name==="string"){
                    localStorage.setItem("playerTwo",JSON.stringify(playerTwo)); // problema aqui
                }
                
            }
        })

        
       
    })
}


function loginComputer(){
    compButton.addEventListener("click",()=>{
        playerTwo.play= false;
        computer.play= false;

        if(playerTwo.play===false){
            computer.play=true;   
        }

        console.log("Estas jugando contra la computadora");
        console.log(playerTwo.play);
        console.log(computer.play);

        if(playerTwo.play===false && computer.play===true){
            
            localStorage.setItem("computer",JSON.stringify(computer)); //mi problema se encuentra aqui   
        }
        
    
    })
};
<!--parte html de main.js-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../style.css/style.css">
    <title>Rock Paper or Scissors</title>
</head>
<body onload="calling()">
    <div class="principalContainer" >
        <h1 class="title">Rock Paper or Scissors Game</h1>
        <div class="players">
            <div class="playerOne" id="playerOne"><p class="text-player">Put Your Name Player One</p>
                <input type="text" name="" id="input" placeholder="Put your name here"><i class="plusButton" id="plusButton"><p class="plus">+</p></i>
            </div>
            <div id="oponente" class="oponent">
                <a href="#oponente"><input type="button" id="computer" value=".VS Computer"></a><a href="#playertwo"><input type="button" id="player" value=" .VS Player"></a>
            </div>
            <div id="playertwo" class="playerTwo">
                <p class="text-player-two">Put Your Name Player Two</p>
                <input type="text" name="" id="input-two" placeholder="Put your name here"><i class="plusButton-two" id="plusButton-two"><p class="plus-two">+</p></i>
            </div>
        </div>    
        <div class="playLink">
            <a href="options.html" class="game">Let´s Play Folks!</a>
        </div>
    </div>
    <script defer src="../main.js/main.js"></script>
</body>
</html>