• Home
  • Subscribe RSS
  • Comments RSS
Blue Orange Green Pink Purple

#

More Simple Javascript

I created another game using Javascript, this time with a bit more substance to it. The Javascript code is still very simple, although I suspect not as simple as it should be - and not without it's drawbacks.



The game (interface shown above) shows images of football grounds and presents the user with a text box. The user can then type the name of the ground into the text box and click the 'Check Answer' button. If the answer is correct/incorrect, an alert will appear to confirm this.

Here's the code:


To begin with, the HTML is a simple img, a text field input and a button input. The text field has an id property so it can be referenced in the Javscript Function. The Button has an onlick property, so it can call the function when clicked upon.

The actual function is quite basic. It calls the value from the text field (that the user has entered), then states that if this value is 'Anfield' an alert should appear informing the user that this answer is correct. I tried to use a simple 'or' (||) operator to state other possible answers, but this stopped the program from running. So instead I used an else if statement to state another possible correct answer. Then, anything else would show as incorrect due to the final else statement I used.
Read More 0 comments | Posted by Ste edit post

0 comments



Post a Comment
Newer Post Older Post Home

Ste Blog

  • About
      My name's Ste, a Multimedia student at Nottingham Trent University with a keen interest in design, mainly web and print based.

      Portfolio: www.stephengreig.co.uk
  • Followers

    Blog Archive

    • ► 2011 (18)
      • ► May (3)
      • ► April (2)
      • ► March (1)
      • ► February (8)
      • ► January (4)
    • ► 2010 (22)
      • ► December (2)
      • ► November (5)
      • ► October (2)
      • ► April (1)
      • ► March (4)
      • ► February (5)
      • ► January (3)
    • ▼ 2009 (35)
      • ► December (3)
      • ▼ November (6)
        • Website Progress
        • More Simple Javascript
        • Simple JavaScript Game
        • Website Progress
        • Website Project
        • Junior Bulls Xmas Card Design
      • ► October (5)
      • ► May (1)
      • ► April (4)
      • ► March (2)
      • ► February (10)
      • ► January (4)
    • ► 2008 (16)
      • ► December (3)
      • ► November (9)
      • ► October (4)

    Labels

    • 3d (1)
    • 3ds max (4)
    • actionscript (1)
    • adobe flash (4)
    • adobe photoshop (7)
    • alignment (1)
    • Artefacts (15)
    • audiovisual (2)
    • avatar (2)
    • avatars (2)
    • blog template (1)
    • box showcase (2)
    • brainstorm (1)
    • cancer research (1)
    • character design (1)
    • charity (1)
    • Client Project (4)
    • client work (1)
    • compatibility (1)
    • contrast (1)
    • CRAP design (1)
    • creative zen (1)
    • creativity (1)
    • css (8)
    • dan saffer (1)
    • databases (2)
    • design (4)
    • design snack (1)
    • development (1)
    • deviant art (1)
    • digital piracy (2)
    • esearch (1)
    • film (1)
    • football manager (1)
    • game (2)
    • graphic design (1)
    • graphic design website design portfolio (1)
    • greetings card design (1)
    • hereford united (4)
    • hosting (1)
    • ideas (1)
    • identities (17)
    • image (1)
    • interaction design (1)
    • interactive narrative (2)
    • interactive room (5)
    • interactive showcase (5)
    • ipod (1)
    • javascript (6)
    • joel schafer (1)
    • jquery (1)
    • junior bulls (1)
    • layout (1)
    • live4life (1)
    • logo (3)
    • logo design (2)
    • logo moose (1)
    • media publishing (2)
    • mind map (1)
    • modelling (1)
    • moodboard (1)
    • multimedia practitioner (1)
    • music (2)
    • mutt ink (1)
    • my identity (2)
    • mysql (4)
    • newjack (5)
    • news (5)
    • one shot film (1)
    • Online News Business Models (3)
    • personal website (4)
    • photography (1)
    • php (4)
    • pixilation (2)
    • planing (1)
    • portfolio (2)
    • portfolio and design service (1)
    • poster design (1)
    • print design (1)
    • proximity (1)
    • PRP (20)
    • questionnaire (2)
    • radfords (6)
    • repetition (1)
    • research (4)
    • rule of thirds (1)
    • second life (1)
    • shape (1)
    • Simulated client project (2)
    • spp (3)
    • testing (1)
    • the maze (5)
    • the meeting (1)
    • typography (2)
    • web design (11)
    • website design (5)
    • website project (15)
    • website review (1)
    • world cup (1)
    • xhtml (10)
  • Search






    • Home
    • Posts RSS
    • Comments RSS
    • Edit

    © Copyright The Ste Blog. All rights reserved.
    Blog Skins Designed by FTL Wordpress Themes

    Back to Top