www.webdeveloper.com
Results 1 to 3 of 3

Thread: Basic Javascript help

  1. #1
    Join Date
    Apr 2011
    Posts
    4

    Basic Javascript help

    I have never done java script before. I just spent the night coding this it is supposed to be like a "bean counter" but i made it a nacho counter. I don't know what I did wrong but it doesn't open or anything. Can anyone help me figure out whats wrong with my code?


    <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-type" content="text/html;
    charset=utf-8"/>
    <title>Ol' Main Tacos</title>
    <style type="text/css">
    body{background-color: yellow;
    color: black;
    font-family: "wide latin"; text-align:center}
    table{margin-left:auto;margin-right:auto;
    text-align:center;background-color:black;border-style;solid;
    border-color:white;border-width:medium;padding:8px}
    </style>
    </head>
    <body>
    <script type="text/javascript">
    var beans = 1;
    var nachos = "none";
    var pounds =0;
    </scipt>
    <h1 style="color : white"> Ol' Main Tacos</h1>
    <hr style:"width:50%;color:black"/>
    <p><b>These will be your nacho prices<br/>
    Our Chefs have gambling addictions so you must do it on your own</b></p>
    <form action="">
    <table>
    <tr>
    <td>
    <input type="button"value="1 serving of beans"onclick ='beans = 1'/>
    </td>
    <td>
    <input type="button"value="1 Pound of Nachos"onclick='pounds = 1'>
    </td>
    <td> <input type="button"value=" BLEEDIN VEGAN NACHOS "
    onclick= 'nachos = "vegan"'/>
    </td>
    <input type="button" value="Clear" onclick=
    'beans = 1;
    nachos= "none";
    ounce = 0;
    document.forms[0].price.value = "0.00"
    '/>
    </td>
    </tr>
    <tr>
    <td>
    <input type="button" value="2 servings of beans" onclick='beans = 2'/>
    </td>
    <td>
    <input type="button"value=" CHEESY PLEASY NACHOS "
    onclick='nachos = "cheese"'/>
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td>
    <input type="button" value ="3 servings of beans" onclick='beans = 3'>
    </td>
    <td>
    <input type="button" Value="3 pounds of Nachos" onclick='pounds = 3'/>
    </td>
    <td>"button" value=" GREEDY MEATY "
    onclick='nachos ="meat"'/>
    <td>
    <input type="button"value="Total" onclick=
    ' var price;
    var taxRate = 0.09;
    if(nachos == "vegan")
    price= 3.00;
    if(nachos == "cheese" || nachos =="meat")
    if (pounds == 1)
    price = 5.00;
    if(pounds == 3)
    price = 9.00;
    }
    if(nachos=="Supreme")
    price=6.00 + .50*(pounds/1);
    price = price + (beans - 1) *.80;
    price = price + price *taxRate;
    document.forms[0].price.value=price;
    '/>
    </td>
    </tr>
    <tr>
    <td>
    <input type ="button" value = "4 servings of beans" onclick='beans = 4'/>
    </td>
    <td>
    </td>
    <td>
    <input type="button" value=" MEAN SUPREME "
    onclick='nachos = "Supreme"/>
    </td>
    <td style="border-style : solid; border-width : medium;
    border-color : orange">
    <input type="text" name="price"value="0.00"size="8"
    onchange=''/>
    </td>
    </tr>
    </table>
    </form>
    </body>
    </html>

  2. #2
    Join Date
    Mar 2010
    Posts
    128
    Not really sure, but I notice immediately that you did not properly spell your closing script tag. It should be </script> not </scipt>

  3. #3
    Join Date
    Mar 2010
    Posts
    128
    Actually, at a second look there is much error in your code. In firefox open the error console so you can see the problems.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles