var rockPaperScissor = function() {
    var outputTarget = document.querySelector("#rock-paper-scissor");

    var userOutputHtml = "";

    var computerOutputHtml = "";

    var outputHtml = "";

    var userChoice = prompt ("Choose rock, paper, or scissor");
        userOutputHtml = "<p>userChoice</p>";
        outputTarget.innerHTML = userOutputHtml;

    var computerChoice = Math.random (); {
        if (computerChoice <= 0.3) {
            computerChoice = "rock";
            userOutputHtml = "<p>computerChoice</p>"
        }
        else if (computerChoice <= 0.6) {
            computerChoice = "scissor";
            computerOutputHtml = "<p>computerChoice</p>";
        }
        else {
            computerChoice = "paper";
            computerOutputHtml = "<p>computerChoice</p>";
        }
        outputTarget.innerHTML = computerOutputHtml;
    };

    var compare = function ( userChoice, computerChoice ) {
        if ( userChoice === computerChoice ) {
            outputHtml = "<p>It's a tie!</p>";
        }
        if ( ( userChoice === "rock" && computerChoice === "scissor" ) || ( userChoice === "scissor" && computerChoice === "rock" ) ) {
            outputHtml = "<p>Rock crushes scissor, Rock wins!</p>";
        }
        else if ( ( userChoice === "scissor" && computerChoice === "paper" ) || ( userChoice === "paper" && computerChoice === "scissor" ) ) {
            outputHtml = "<p>Scissor cuts paper, Scissor wins!</p>";
        }
        else if ( ( userChoice === "paper"  && computerChoice === "rock" ) || ( userChoice === "rock" && computerChoice === "paper" ) ) {
            outputHtml = "<p>Paper covers rock. Paper wins!</p>";
        }

    };
    compare ( userChoice, computerChoice );
    outputTarget.innerHTML = outputHtml;

};
rockPaperScissor ();