<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
   <button type="button" onclick="rock_paper_scissors()">Call Ask</button>
   <br>
    <div id="result"></div>
  </body>

</html>
// Code goes here
function rock_paper_scissors(){
var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice = Math.random();
if (computerChoice < 0.34) {
	computerChoice = "rock";
} else if(computerChoice <= 0.67) {
	computerChoice = "paper";
} else {
	computerChoice = "scissors";
} 


var compare = function(choice1,choice2){
    if(choice1 === choice2){
        return "The result is a tie!"; 
    }
    else if(choice1 === "rock"){
        if(choice2 === "scissors"){
            return "rock wins";
            } else {
                return "paper wins";
                }
    }  
    else if(choice1 === "paper"){
        if(choice2 === "rock"){
            return "paper wins"
        }else {
            return "scissors wins";
            }
    }
    else if(choice1 === "scissors"){
        if(choice2 === "rock"){
            return "rock wins"
        }else {
            return "scissors wins";
            }
    }
}

var result = compare(userChoice,computerChoice);

document.getElementById('result').innerHTML ="You : "+userChoice+ "<br> Computer : " + computerChoice + '<br>' + result;

  
}
/* Styles go here */