topical media & game development

talk show tell print

game-javascript-casual-word-game.htm / htm



  <HTML>
   <HEAD>
    <TITLE>Discover The Word 2.0</TITLE>
  
  <STYLE TYPE="text/css"><!--
  
  BODY
  {
          font-family: Verdana, Arial, sans-serif, Helvetica;
          font-size: 11px;
  }
  
  TD
  {
          font-family: Verdana, Arial, sans-serif, Helvetica;
          font-size: 11px;
  }
  
  A
  {
          font-family: Verdana, Arial, sans-serif, Helvetica;
          font-size: 11px;
          font-weight: bold;
          color: #AA6677;
          text-decoration: none;
  }
  
  A:hover
  {
          font-family: Verdana, Arial, sans-serif, Helvetica;
          font-size: 11px;
          font-weight: bold;
          color: #AA8899;
          text-decoration: underline;
  }
  
  .txt
  {
          font-family: Verdana, Arial, sans-serif, Helvetica;
          font-size: 12px;
          font-weight: bold;
          border: solid 1 #000000;
          color: #000000;
          background-color: #FFFFFF;
  }
  
  --></STYLE>
  
  <SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript" SRC="source/words.js"><!--
  
  /*
   * Program - Discover The Word
   * File Name - Discover The Word.html
   * Author - ShuvoRim
   * Web site - http://www.shuvorim.tk
   * Email - shuvorim@hotmail.com
   * (c)ShuvoRim Pvt. Ltd. 2002 - 03
   * All rights reserved.
   * ------------------------------
   * Visit our web site for free open
   * source Applications, Applets,
   * Scripts and Games. Please tell
   * us whether you liked it or not!
   * Thank you for using our program.
   */
  
  --></SCRIPT>
  
  <SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"><!--
  
          holdWords = randomWords(); //variable to hold the word
          wordsLength = holdWords.length; //the words length
          correct = 0; //correct words
          tries = 0; //count tries
          prevent = new Array
          (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
          0,0,0,0,0,0,0); //an array that prevents
          //the user/player sending a letter twice
  
  if(document.images) //pre-load the images
  {
          a = new Image();        a.src = "game-javascript-casual-word-image-a.gif";
          b = new Image();        b.src = "game-javascript-casual-word-image-b.gif";
          c = new Image();        c.src = "game-javascript-casual-word-image-c.gif";
          d = new Image();        d.src = "game-javascript-casual-word-image-d.gif";
          e = new Image();        e.src = "game-javascript-casual-word-image-e.gif";
          f = new Image();        f.src = "game-javascript-casual-word-image-f.gif";
          g = new Image();        g.src = "game-javascript-casual-word-image-g.gif";
          h = new Image();        h.src = "game-javascript-casual-word-image-h.gif";
          i = new Image();        i.src = "game-javascript-casual-word-image-i.gif";
          j = new Image();        j.src = "game-javascript-casual-word-image-j.gif";
          k = new Image();        k.src = "game-javascript-casual-word-image-k.gif";
          l = new Image();        l.src = "game-javascript-casual-word-image-l.gif";
          m = new Image();        m.src = "game-javascript-casual-word-image-m.gif";
          n = new Image();        n.src = "game-javascript-casual-word-image-n.gif";
          o = new Image();        o.src = "game-javascript-casual-word-image-o.gif";
          p = new Image();        p.src = "game-javascript-casual-word-image-p.gif";
          q = new Image();        q.src = "game-javascript-casual-word-image-q.gif";
          r = new Image();        r.src = "game-javascript-casual-word-image-r.gif";
          s = new Image();        s.src = "game-javascript-casual-word-image-s.gif";
          t = new Image();        t.src = "game-javascript-casual-word-image-t.gif";
          u = new Image();        u.src = "game-javascript-casual-word-image-u.gif";
          v = new Image();        v.src = "game-javascript-casual-word-image-v.gif";
          w = new Image();        w.src = "game-javascript-casual-word-image-w.gif";
          x = new Image();        x.src = "game-javascript-casual-word-image-x.gif";
          y = new Image();        y.src = "game-javascript-casual-word-image-y.gif";
          z = new Image();        z.src = "game-javascript-casual-word-image-z.gif";
  }
  
  //the main function of the game
  function callMe(letter, prev)
  {
          if(prev > 1)
          {
                  //do nothing!
                  //the user/player clicked
                  //a letter more than once
          }
  
          else
          {
  
          tries++; //update tries
          document.form1.trd.value = tries; //set values to the tries textbox
  
          //a for loop to check the letter
          for(counter = 0; counter < wordsLength; counter++)
          {
  
          if(holdWords.charAt(counter) == letter) //if the letter matches
          {
                  //then show the right letter's image
                  document.images[counter+1].src = eval(letter + ".src");
                  correct++; //update correct
                  --tries; //update tries
                  document.form1.trd.value = tries; //set values to the tries textbox
  
                  if(correct == wordsLength) //if the whole word discovered
                  {
                  if(window.confirm("Congratulations! You have successfully"
                  + " discovered the word " + holdWords.toUpperCase()
                  + ". Do you want to play again?"))
                  {
                  tries = 0; //set tries to 0
                  document.form1.trd.value = tries; //set values to the tries textbox
                  location.reload(); //reload the current page for a new game
                  }
                  }
          }
          }
  
          }
  
          if(tries == 5) //losing condition
          {
                  if(window.confirm("Sorry, your chances over. The word was "
                  + holdWords.toUpperCase() + ". Do you want to play again?"))
                  {
                  tries = 0; //set tries to 0
                  document.form1.trd.value = tries; //set values to the tries textbox
                  location.reload(); //reload the current page for a new game
                  }
          }
  }
  
  /*
  **function that enebles the user
  **to play from the keyboard only
  **in MSIE.
  */
  function catchKeyStrokes()
  {
          //pressing the RETURN key
          //will start a new game
          if(event.keyCode == 13)
          {
                  if(window.confirm("Are you sure you want to start a new game?"))
                  {
                  tries = 0; //set tries to 0
                  document.form1.trd.value = tries; //set values to the tries textbox
                  location.reload();
                  }
          }
  
          //catch key strokes no matter the
          //CAPS LOCK is ON or OFF
          if((event.keyCode == 97) || (event.keyCode == 65)) callMe('a',++prevent[0]);
          if((event.keyCode == 98) || (event.keyCode == 66)) callMe('b',++prevent[1]);
          if((event.keyCode == 99) || (event.keyCode == 67)) callMe('c',++prevent[2]);
          if((event.keyCode == 100) || (event.keyCode == 68)) callMe('d',++prevent[3]);
          if((event.keyCode == 101) || (event.keyCode == 69)) callMe('e',++prevent[4]);
          if((event.keyCode == 102) || (event.keyCode == 70)) callMe('f',++prevent[5]);
          if((event.keyCode == 103) || (event.keyCode == 71)) callMe('g',++prevent[6]);
          if((event.keyCode == 104) || (event.keyCode == 72)) callMe('h',++prevent[7]);
          if((event.keyCode == 105) || (event.keyCode == 73)) callMe('i',++prevent[8]);
          if((event.keyCode == 106) || (event.keyCode == 74)) callMe('j',++prevent[9]);
          if((event.keyCode == 107) || (event.keyCode == 75)) callMe('k',++prevent[10]);
          if((event.keyCode == 108) || (event.keyCode == 76)) callMe('l',++prevent[11]);
          if((event.keyCode == 109) || (event.keyCode == 77)) callMe('m',++prevent[12]);
          if((event.keyCode == 110) || (event.keyCode == 78)) callMe('n',++prevent[13]);
          if((event.keyCode == 111) || (event.keyCode == 79)) callMe('o',++prevent[14]);
          if((event.keyCode == 112) || (event.keyCode == 80)) callMe('p',++prevent[15]);
          if((event.keyCode == 113) || (event.keyCode == 81)) callMe('q',++prevent[16]);
          if((event.keyCode == 114) || (event.keyCode == 82)) callMe('r',++prevent[17]);
          if((event.keyCode == 115) || (event.keyCode == 83)) callMe('s',++prevent[18]);
          if((event.keyCode == 116) || (event.keyCode == 84)) callMe('t',++prevent[19]);
          if((event.keyCode == 117) || (event.keyCode == 85)) callMe('u',++prevent[20]);
          if((event.keyCode == 118) || (event.keyCode == 86)) callMe('v',++prevent[21]);
          if((event.keyCode == 119) || (event.keyCode == 87)) callMe('w',++prevent[22]);
          if((event.keyCode == 120) || (event.keyCode == 88)) callMe('x',++prevent[23]);
          if((event.keyCode == 121) || (event.keyCode == 89)) callMe('y',++prevent[24]);
          if((event.keyCode == 122) || (event.keyCode == 90)) callMe('z',++prevent[25]);
  
          if(event.keyCode == 63) helpUser('game-javascript-casual-word-source-minihelp.htm'); //open a mini window for help
  }
  
  //function to help the user/player
  function helpUser(getURL)
  {
          hlp = window.open(getURL,"Help","toolbal=0,menubar=0,status=0,scrollbars=1,width=500, height=400,resizable=0");
  }
  
  //function for playing a new game
  function newGame()
  {
          if(window.confirm("Are you sure you want to start a new game?"))
          {
                  tries = 0; //set tries to 0
                  document.form1.trd.value = tries; //set values to the tries textbox
                  location.reload();
          }
  }
  
  --></SCRIPT>
  </HEAD>
  
  <BODY BGCOLOR=#FFFFFF TEXT=#0000AA onKeyPress="catchKeyStrokes();" onLoad="tries;">
  
  <TABLE BORDER=0 ALIGN=center><TR><TD ALIGN=center VALIGN=top><P>
  <IMG SRC="game-javascript-casual-word-image-discover_word.gif" BORDER=0 WIDTH=353 HEIGHT=36 ALT="Discover The Word#v1.0">
  </P>
  
  <SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"><!--
  
  for(counter = 0; counter < wordsLength; counter++)
  document.write("<IMG SRC='game-javascript-casual-word-image-back.gif' BORDER=0 WIDTH=18 HEIGHT=18> ");
  
  --></SCRIPT><BR><BR>
  
  <TABLE BORDER=0 BGCOLOR=#AA8899 CELLPADDING=2 CELLSPACING=2>
  <TR><TD>
  
  <A HREF="JavaScript:callMe('a',++prevent[0]);">
  <IMG SRC="game-javascript-casual-word-image-a.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('b',++prevent[1]);">
  <IMG SRC="game-javascript-casual-word-image-b.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('c',++prevent[2]);">
  <IMG SRC="game-javascript-casual-word-image-c.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('d',++prevent[3]);">
  <IMG SRC="game-javascript-casual-word-image-d.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('e',++prevent[4]);">
  <IMG SRC="game-javascript-casual-word-image-e.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('f',++prevent[5]);">
  <IMG SRC="game-javascript-casual-word-image-f.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('g',++prevent[6]);">
  <IMG SRC="game-javascript-casual-word-image-g.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('h',++prevent[7]);">
  <IMG SRC="game-javascript-casual-word-image-h.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('i',++prevent[8]);">
  <IMG SRC="game-javascript-casual-word-image-i.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('j',++prevent[9]);">
  <IMG SRC="game-javascript-casual-word-image-j.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('k',++prevent[10]);">
  <IMG SRC="game-javascript-casual-word-image-k.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('l',++prevent[11]);">
  <IMG SRC="game-javascript-casual-word-image-l.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('m',++prevent[12]);">
  <IMG SRC="game-javascript-casual-word-image-m.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  </TD></TR>
  
  <TR><TD>
  <A HREF="JavaScript:callMe('n',++prevent[13]);">
  <IMG SRC="game-javascript-casual-word-image-n.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('o',++prevent[14]);">
  <IMG SRC="game-javascript-casual-word-image-o.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('p',++prevent[15]);">
  <IMG SRC="game-javascript-casual-word-image-p.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('q',++prevent[16]);">
  <IMG SRC="game-javascript-casual-word-image-q.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('r',++prevent[17]);">
  <IMG SRC="game-javascript-casual-word-image-r.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('s',++prevent[18]);">
  <IMG SRC="game-javascript-casual-word-image-s.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('t',++prevent[19]);">
  <IMG SRC="game-javascript-casual-word-image-t.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('u',++prevent[20]);">
  <IMG SRC="game-javascript-casual-word-image-u.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('v',++prevent[21]);">
  <IMG SRC="game-javascript-casual-word-image-v.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('w',++prevent[22]);">
  <IMG SRC="game-javascript-casual-word-image-w.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('x',++prevent[23]);">
  <IMG SRC="game-javascript-casual-word-image-x.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('y',++prevent[24]);">
  <IMG SRC="game-javascript-casual-word-image-y.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  
  <A HREF="JavaScript:callMe('z',++prevent[25]);">
  <IMG SRC="game-javascript-casual-word-image-z.gif" BORDER=0 WIDTH=18 HEIGHT=18></A>
  </TD></TR>
  
  <TR>
   <TD>
    <FORM NAME="form1">
     <B><FONT COLOR=#FFFFFF>Tries:</FONT></B>
      <INPUT TYPE=text NAME="trd" SIZE=2 VALUE="0" READONLY CLASS=txt>
    </FORM>
   </TD>
  </TR>
  
  </TABLE>
  
  Press <B>Shift+?</B> for help or click here for
  <A HREF="JavaScript:helpUser('game-javascript-casual-word-source-minihelp.htm');" CLASS=sr TITLE="Getting help">Help</A>
  
  <BR>
  
  Press <B>Enter</B> key to play a<BR>new game or click here for a
  <A HREF="JavaScript:newGame();" CLASS=sr TITLE="Start a new game">New Game</A>
  
  <BR>
  
  <!-- You are not authorized to remove the code below -->
  <A HREF="http://www.shuvorim.tk" TARGET="_new" TITLE="Click here to visit us">&copy;ShuvoRim Pvt. Ltd. 2003</A>
  <!-- You are not authorized to remove the code above -->
  
   </TD>
  </TR>
  
  </TABLE>
  
   </BODY>
  </HTML>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.