help po sa design ng rock paper scissors code ko.

[glendyjoy]

hi mga master programmer pa help naman po lagyan ng design tong gawa kong program. lalagyan lang po sya ng picture then pag clinick yung picture na pinili mo lalabas kung sino yung nanalo. salamat po. sensya na newbie lang ako sa programming gusto ko lang matuto. nirurun ko pala sya using may browser. script po sya.

 

[yet ow]

Ts, dapat my image tag <img id="imggunting">vs <img id="compchoice1">ka sa html mo. ito yung paglalagyan mo ng pipiliin ng player at ng computer.
siguro, 3 image tag sa player at 3 sa computer.

tapos try mo to,hindi ko tinest pero ito yung concept ko.
pag kinlick mo yung image tag na gunting, mag ru-run yun ng function para sa computer choice at sasabihin kung sino ang nanalo.
Sa gunting pa lang to, gumawa ka lang ng function para sa papel at bato.

$('#imggunting').on({'click': function(){
var computerChoice = Math.random();
if (computerChoice <=0.34){
computerChoice = "bato";
$('#compimg').attr('src','bato.jpg');
alert ("bato ang nanalo");
}else if(0.34<computerChoice <=0.67){
computerChoice = "papel";
$('#compimg').attr('src','papel.jpg');
alert ("papel ang nanalo");
}else{
computerChoice = "gunting";
$('#compimg').attr('src','gunting.jpg');
alert("TABLA ANG LABAN!");
}
}
});

try mo lang kung gumana.

 

[glendyjoy]

pwede nyo po bang itry. di ko kasi magets kung pano. sensya na po newbie lang talaga sa ganto.

 

[ertyearth]

binigay nya na yung sagot hahahaha
need mo maintindihan basics muna.
Ang need mo jan variables, random , if else statements , inequalities

 

[yet ow]

Ayan na TS ha, complete code na yan..i extract mo nlng yan.
Yan ang magiging basehan mo kung magdadagdag ka pa ng user options.

Visit na rin sa www.w3schools.com para sa basics.

hit Thanks na lang bilang regalo mo.

 

[donoob88]

ah, natatandaan ko pa to, pinagawa sa school, parang seat work ba.. anyway, sapat na isang answer, baka malito ka pa

 

[glendyjoy]

salamat master yet ow

 

[yet ow]

salamat master yet ow

Pasado na?hehehehe

 

[glendyjoy]

master yet ow kaya mo bang hindi gamitan sya ng javascript? kasi yung sa prof ko hindi na sya gumamit ng javascript. tas yung mga image naka href nlang, onclick yung mga image.

 

[bentesn1per]

subukan ko gawin ahaha di naman ako busy ahaha

- - - Updated - - -

gumamit ako jquery hehe.

<button id = "start_game">START GAME!</button>

<div style="display:none" id = "game">
<h1>Choose your Player!</h1><br>	
	<img src="bato1.png"  id = "bato" alt="">
	<img src="gunting.png"  id = "gunting" alt="">
	<img src="papel.png"  id = "papel" alt=""><br>	
	<label for="">HUMAN CHOICE</label><div id="human"></div><br>	
<label for="">AI CHOICE</label><div id="ai2"></div><br>	
<label for="">Result</label><p></p><br>	
</div>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

 <script>

 $('#start_game').click(function(e){ 	
		e.preventDefault();
		$('#game').show();
		// $(this).hide();
		

 });



 $('#bato').click(function(e){
 	var pick  = "bato";
 	var aich = Math.random();
	if (aich <0.34){
				aich = "bato";
		}else if(aich <=0.67){
				aich = "papel";
		}
		else{
		aich = "gunting";
	}

 	human(pick,aich);

 });

$('#gunting').click(function(e){
	var pick  = "gunting";
 	 	var aich = Math.random();
	if (aich <0.34){
				aich = "bato";
		}else if(aich <=0.67){
				aich = "papel";
		}
		else{
		aich = "gunting";
	}

 	human(pick,aich);
 

});

$('#papel').click(function(e){
	var pick  = "papel";
 	 	var aich = Math.random();
	if (aich <0.34){
				aich = "bato";
		}else if(aich <=0.67){
				aich = "papel";
		}
		else{
		aich = "gunting";
	}

 	human(pick,aich);
 

});



function human(pick,ai){
	compare_pick(pick,ai);
}



function compare_pick(pick,aich){
	if (pick == aich) {
		$('p').text('draw!');
$('#human').text(pick);
$('#ai2').text(aich);
	}else{
		if(pick == "papel" && aich == "bato"){
			$('p').text('HoooMan Wins!');
			$('#human').text(pick);
$('#ai2').text(aich);
		}else{
			$('p').text('Ai win Bitches!');
			$('#human').text(pick);
$('#ai2').text(aich);
		} 

		if(pick == "gunting" && aich == "papel"){
			$('p').text('HoooMan Wins!');
			$('#human').text(pick);
$('#ai2').text(aich);
		}else{
			$('p').text('Ai win Bitches!');
			$('#human').text(pick);
$('#ai2').text(aich);
		} 

		if(pick == "bato" && aich == "gunting"){
			$('p').text('HoooMan Wins!');
			$('#human').text(pick);
$('#ai2').text(aich);
		}else{
			$('p').text('Ai win Bitches!');
			$('#human').text(pick);
$('#ai2').text(aich);
		} 

	}
}
// var userChoice = prompt("PUMILI KA BATO, GUNTING O PAPEL?");
// var computerChoice = Math.random();

// var compare = function(choice1,choice2){
// 	if(choice1===choice2){
// 	alert("TABLA ANG LABAN!");
// 	}else{
// 		if (choice1==="bato"){
// 		if(choice2==="gunting"){
// 		alert("bato ang nanalo");
// 		}
// 		else{
// 		alert("papel ang nanalo")
// 		}
// 		}
// 		if (choice1==="papel"){
// 		if(choice2==="bato"){
// 		alert("papel ang nanalo");
// 		}
// 		else{
// 		alert("gunting ang nanalo")
// 		}
// 		}
// 	if (choice1==="gunting"){
// 		if(choice2==="bato"){
// 		alert ("bato ang nanalo");
// 		}
// 		else{
// 		alert("gunting ang nanalo")
// 		}
// 		}
// 	}
// 	}
// compare(userChoice,computerChoice);
</script>