Rock Paper Scissor Game Using Javascript
<script>
function random(){
var item = ["Rock","Paper","Sessior"];
var rand = item[Math.floor(Math.random()*item.length)];
return rand;
}
function r(){
var rock = document.getElementById("r").value;
var computerinput = random();
if(rock=="Rock" && computerinput=="Rock")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>Match Tie</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+rock+"</b>";
}
else if(rock=="Rock" && computerinput=="Paper")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>Computer Win!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+rock+"</b>";
}
else if(rock=="Rock" && computerinput=="Sessior")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>User Win!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+rock+"</b>";
}
}
function p(){
var paper = document.getElementById("p").value;
var computerinput = random();
if(paper=="Paper" && computerinput=="Rock")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>Computer Win!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+paper+"</b>";
}
else if(paper=="Paper" && computerinput=="Paper")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>Match Tie!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+paper+"</b>";
}
else if(paper=="Paper" && computerinput=="Sessior")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>Computer Win!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+paper+"</b>";
}
}
function s(){
var sessior = document.getElementById("s").value;
var computerinput = random();
if(sessior=="Sessior" && computerinput=="Rock")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>COmputer Win!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+sessior+"</b>";
}
else if(sessior=="Sessior" && computerinput=="Paper")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>User Win!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+sessior+"</b>";
}
else if(sessior=="Sessior" && computerinput=="Sessior")
{
document.getElementById("result").innerHTML="<b style='color:steelblue'>Match Tie!</b>"+"Computer Input is <b style='color:red;'>"+computerinput+"</b> User Input is <b style='color:green;'>"+sessior+"</b>";
}
}
</script>
<center>
<input type="button" id="r" onclick="r()" value="Rock">
<input type="button" id="p" onclick="p()" value="Paper">
<input type="button" id="s" onclick="s()" value="Scissor">
<br>
<br>
<div id="result"></div>
</center>
