<!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 */