Tilted Forum Project Discussion Community

Tilted Forum Project Discussion Community (https://thetfp.com/tfp/)
-   Tilted Technology (https://thetfp.com/tfp/tilted-technology/)
-   -   Javascript (https://thetfp.com/tfp/tilted-technology/55907-javascript.html)

ToolBag 05-17-2004 10:47 AM
Javascript
 
Hey everyone, Im having problems with my web page that I used javascript for. Its really basic but what its supposed to do is ask for the month and day you were born then look up the month using switch conditionals and then determine by day what sign you are. I then have have a document.write("asdfasdf") command that should write what your zodiac sign is. If anyone can go to the link and check the source code then give any insight why this is not working, Id really appreciate it. Thanks in advance.

Here is the link for the site!

cliche 05-18-2004 01:09 AM
Works fine if you put quotes around the vars in the switch:
Code:
<script language = "javascript">
    var mon = prompt("Please enter the month you were born(in digit form)", "")
    var day = prompt("Please enter the day you were born(in digit form)", "")
    switch (mon)
    {
      case "1":
        if(day >=21)
        {
          document.write("Your zodiac symbol is Aquarius")
        }
        else
        {       
          document.write("Your symbol is Capricorn")
        }
        break
      case "2":
        if(day <= 19)
        {
          document.write("Your zodiac symbol is Aquarius")
        }
        else
        {
          document.write("Your zodiac symbol is Pisces")
        }
        break
      case "3":
        if(day <= 20)
        {
          document.write("Your zodiac symbol is Pisces")
        }
        else
        {
          document.write("Your zodiac symbol is Aries")
        }
        break
      case "4":
        if(day <= 20)
        {
          document.write("Your zodiac symbol is Aries")
        }
        else
        {
          document.write("Your zodiac symbol is Taurus")
        }
        break
      case "5":
        if(day <= 21)
        {
          document.write("Your zodiac symbol is Taurus")
        }
        else
        {
          document.write("Your zodiac symbol is Gemini")
        }
        break
      case "6":
        if(day <= 22)
        {
          document.write("Your zodiac symbol is Gemini")
        }
        else
        {
          document.write("Your zodiac symbol is Cancer")
        }
        break
      case "7":
        if(day <= 23)
        {
          document.write("Your zodiac symbol is Cancer")
        }
        else
        {
          document.write("Your zodiac symbol is Leo")
        }
        break
      case "8":
        if(day <= 22)
        {
          document.write("Your zodiac symbol is Leo")
        }
        else
        {
          document.write("Your zodiac symbol is Virgo")
        }
        break
      case "9":
        if(day <= 22)
        {
          document.write("Your zodiac symbol is Virgo")
        }
        else
        {
          document.write("Your zodiac symbol is Libra")
        }
        break
      case "10":
        if(day <= 22)
        {
          document.write("Your zodiac symbol is Libra")
        }
        else
        {
          document.write("Your zodiac symbol is Scorpio")
        }
        break
      case "11":
        if(day <= 21)
        {
          document.write("Your zodiac symbol is Scorpio")
        }
        else
        {
          document.write("Your zodiac symbol is Sagittarius")
        }
        break
      case "12":
        if(day <= 21)
        {
          document.write("Your zodiac symbol is Sagittarius")
        }
        else
        {
          document.write("Your zodiac symbol is Capricorn")
        }
    }
    </script>
However, remember that you've set the background colour to black, and the default foreground is still black. So something like:
Code:
<style>
  h2{color:red}
  body{background-color:black;
        color:white}
</style>
at the top will help.

Essentially the problem is that Javascript doesn't know whether your variables are numbers or strings until you tell it so (by doing something that makes it obvious). So this way we leave 'mon' as a string - and need quotes for comparison, and have 'day' as a number - which Javascript understands from the attempts to use "<=" with an number.

Incidentally, it's good practice in Javascript (ie some browsers may complain or act oddly if you don't) to put semicolons at the end of each statement. Not compulsory, but it always helps to cater to as many as possible.

Hope that helps! (sorry about the double-spacing, it's a board thing)

dnd 05-18-2004 09:41 AM
dunno if u have changed, but u should also limit date format and entry format....currently can type any letters or numbers :)


All times are GMT -8. The time now is 11:58 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2026, vBulletin Solutions, Inc.
Search Engine Optimization by vBSEO 3.6.0 PL2
© 2002-2012 Tilted Forum Project


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37