Powered By Blogger

Friday, July 27, 2012

Cara Membuat Aplikasi Web


---> Kita menggunakan Html dan Notepad.
---> lalu mengetik satu persatu script programnya pada “notepad”. Untuk mengatur berjalannya program.
ada pun scriptnya  yaitu sebagai berikut :

<HTML><HEAD><TITLE>Blackjack in JavaScript</TITLE>
<SCRIPT language=JavaScript>

var gameOver; var cardCount;var suitdesig;var imgName;
var dImgInd = 0;var pImgInd = 5;var deck = new Array(53);
var cardpos = 0;var cardx;
var cardVal;var cardSuit;var suitname;
var cardvalname;
var acedetect = false;var pacedetect = false; var dacedetect = false;
function newdeck(){
 // fill the deck (in order, for now)
    for (i=1; i<14; i++) {
      deck[i] = i + "-c-.gif";  
      deck[i+13] = i + "-h-.gif";   
      deck[i+26] = i + "-s-.gif";   
      deck[i+39] = i + "-d-.gif";   
    }
 // shuffle the deck
    var n = Math.floor(400 * Math.random() + 500);
    for (i=1; i<n; i++) {
       card1 = Math.floor(52*Math.random() + 1);
       card2 = Math.floor(52*Math.random() + 1);
       temp = deck[card2];
       deck[card2] = deck[card1];
       deck[card1] = temp;
    }
}
function SetImage(){
cardpos = cardpos + 1;
test = deck[cardpos];
parts=test.split("-");
cardVal = parts[0];
cardvalname = cardVal;
if (cardvalname == 1) cardvalname = "Ace";
if (cardvalname == 1) acedetect = true;
if (cardvalname == 11) cardvalname = "Jack";
if (cardvalname == 12) cardvalname = "Queen";
if (cardvalname == 13) cardvalname = "King";
if (cardVal > 10) cardVal = 10;
if (cardVal == 1) cardVal = 11;
cardSuit = parts[1];
if (cardSuit == "c") suitname = "Clubs";
if (cardSuit == "h") suitname = "Hearts";
if (cardSuit == "d") suitname = "Diamonds";
if (cardSuit == "s") suitname = "Spades";

imgName=parts[0] + parts[1] + parts[2];

}

function NewHand(form){
newdeck();
if(gameOver !=0)
{form.say1.value=("Gantian!"); form.say2.value=(""); return;}
else
{form.dealer.value = 0; form.you.value = 0; cardCount=0;
for (i = 0; i < 10; i++){
document.images[i].src="blank.gif";}
pacedetect = false;
dacedetect = false;
dImgInd = 0;
pImgInd = 5;
//Set Dealer
SetImage();
if (acedetect == true) {
dacedetect = true;
acedetect = false;
}
document.display.say1.value=(cardvalname + " of " + suitname);
document.images[dImgInd].src=imgName;
dImgInd=dImgInd +1;
form.dealer.value = eval(form.you.value) + eval(cardVal);
//Set Player
SetImage();
if (acedetect == true) {
pacedetect = true;
acedetect = false;
}
document.display.say2.value=(cardvalname + " of " + suitname);
document.images[pImgInd].src=imgName;
pImgInd=pImgInd + 1;
form.you.value = eval(form.you.value) + eval(cardVal);
gameOver= -1; cardCount+=1;}
}
function Dealer(form){
if (gameOver ==0)
{form.say1.value=("Setuju Dengan Kartu!"); form.say2.value=(""); return;}
else
if(form.you.value<10)
{form.say1.value=("Tidah Dibawah 10!"); form.say2.value=("tetapkan!"); return;}
else
if (cardCount <2)
{form.say1.value=("Minimum 2 Kartu!"); form.say2.value=("Buka Lagi!"); return;}
else
while(form.dealer.value < 17)
{
//Set Dealer
SetImage();
if (acedetect == true) {
dacedetect = true;
acedetect = false;
}
document.display.say1.value=(cardvalname + " of " + suitname);
document.images[dImgInd].src=imgName;
dImgInd=dImgInd +1;
form.dealer.value = eval(form.dealer.value) + eval(cardVal);
}
}
function User(form){

//Test to see that cards have been dealt first.
if (form.dealer.value == 0) {
form.say1.value=("Setuju Atas Kartu!"); form.say2.value=(""); return;
return;
}


if (gameOver ==0)
{SetImage();
form.say1.value=("Setuju Atas Kartu!"); form.say2.value=(""); return;}
else
{cardCount+=1; form.say1.value=("Kamu Dapet..");
//Set Player
SetImage();
if (acedetect == true) {
pacedetect = true;
acedetect = false;
}
document.display.say2.value=(cardvalname + " of " + suitname);
document.images[pImgInd].src=imgName;
pImgInd=pImgInd + 1;
form.you.value = eval(form.you.value) + eval(cardVal);
}
if(form.you.value > 21)
{form.say1.value=("Kamu Gagal!");
gameOver=0; form.numgames.value=eval(form.numgames.value)-5;}
}
function LookAtHands(form){
if (gameOver ==0 || form.you.value<10 || cardCount <2){return;}
else
if(form.dealer.value > 21)
{form.say1.value=("House Busts!"); form.say2.value=("Kamu Menang! $$$$$$");
gameOver=0; form.numgames.value=eval(form.numgames.value)+5;}
 else
if(form.you.value > form.dealer.value)
{form.say1.value=("Kamu Menenag"); form.say2.value=("$$$$$$$$$$$$$$$");
gameOver=0; form.numgames.value=eval(form.numgames.value)+5;}
 else
 if(form.dealer.value == form.you.value)
{form.say1.value=("Permainan seri!"); form.say2.value=("Coba Lagi!");
gameOver=0; form.numgames.value=eval(form.numgames.value);}
 else
{form.say1.value=("House Wins!"); form.say2.value=("Keberuntungan Yang Sulit!");
gameOver=0; form.numgames.value=eval(form.numgames.value)-5;}
}
function setBj(){
gameOver=0; cardCount=0;
document.display.dealer.value="";
document.display.you.value="";
document.display.numgames.value="0";
document.display.say1.value="    buka 'Setuju'";
document.display.say2.value="    Lanjutkan!";
}
</SCRIPT>
</HEADING>
</HEAD>
<BODY bgColor=#0099cc onload=setBj()>
<CENTER>
  <FORM NAME="formdealer">
  <TABLE>
  <tr>
    <td><b>Kartu Komputer</b></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
  </tr>
  </TABLE>
  </FORM>
  <FORM NAME="formplayer">
  <TABLE>
  <tr>
    <td><b>Kartu Kamu</b></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
    <td align="center"> <img border=0 src="blank.gif" height=97 width=73></td>
  </tr>
  </TABLE>
  </FORM>

  <FORM name=display>
  <TABLE bgColor=#c0c0c0 border=1 cellPadding=3 cellSpacing=0>
  <TBODY>
  <TR>
    <TD>
      <CENTER>Score:</CENTER></TD>
    <TD>
      <CENTER>Komputer</CENTER></TD>
    <TD>
      <CENTER><INPUT name=dealer size=2></CENTER></TD>
    <TD>
      <CENTER><INPUT name=say1 size=18></CENTER></TD></TR>
  <TR>
    <TD>Score:
      </TD>
    <TD>
      <CENTER>Kamu</CENTER></TD>
    <TD>
      <CENTER><INPUT name=you size=2></CENTER></TD>
    <TD>
      <CENTER><INPUT name=say2 size=18></CENTER></TD></TR>
  <TR>
    <TD>
      <CENTER><INPUT onclick=NewHand(this.form) type=button value=Deal></CENTER></TD>
    <TD colSpan=3>
      <CENTER><INPUT onclick=Dealer(this.form);LookAtHands(this.form); type=button value=Stand>
      <INPUT onclick=User(this.form) type=button value=" Hit "></CENTER></TD></TR>
  <TR>
    <TD colSpan=4>
      <CENTER>5 Chips/Game - Winnings: Chips <INPUT name=numgames size=3 value=0></TD></TR>

 
  </TBODY></TABLE></FORM></CENTER>
<CENTER><font face="Arial" size="+3" color="Black"><b></b></font>&nbsp;<br><br><a href="index.html"></a><br>
</CENTER>
</BODY></HTML>





--->setelah selesai maka kita tinggal mejalankannya di serch angine ex: google chrome
Maka akan tampil seperti ini


---> running program :




No comments:

Post a Comment