Errors in javascript aquarium calculator?

Discussion in 'HTML & Website Design' started by CarpCharacin, Jun 22, 2016.

  1. #1
    There are errors in my aquarium calculator code. Here is the original code:
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
    var result = 0;
    var roundLength = 2;
      function computeGallons()
    {
        result = Math.round((document.frmMain.TankLength.value * document.frmMain.TankWidth.value * document.frmMain.TankHeight.value / 231)*100)/100;
        document.frmMain.USGallons.value = Math.round(result*100)/100;
    }
    </script>
    <form name="frmMain"><span class="b">Aquarium Calculator: Calculate Rectangle Fish Tank Volume in Gallons Based on Tank Size</span><p>
     
            Fish Tank Length in Inches:<br />
            <input type="text" name="TankLength" onkeyup="computeGallons()"><br />
            <br />
            Fish Tank Width in Inches:<br />
            <input type="text" name="TankWidth" onkeyup="computeGallons()"><br />
            <br />
            Fish Tank Height in Inches:<br />
            <input type="text" name="TankHeight" onkeyup="computeGallons()"><br />
            <br />
            Aquarium Size is<br />
            <input type="text" name="USGallons" style="border: none; background: #D8EFFF; padding: 12px; width: 10em; font-size: 18px;" readonly> US Gallons<br />
            <br />
         
    </form>
    Code (JavaScript):

     

    Attached Files:

    CarpCharacin, Jun 22, 2016 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,808
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #2
    That code is in an .html or .php file?
    You can't link like that from within a .js file.
     
    sarahk, Jun 22, 2016 IP
  3. CarpCharacin

    CarpCharacin Active Member

    Messages:
    325
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    90
    #3
    .html
     
    CarpCharacin, Jun 22, 2016 IP
  4. sarahk

    sarahk iTamer Staff

    Messages:
    28,808
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #4
    What the error appears to be saying is that your compressed.js file is trying to call jquery.
    I set up a fiddle and it was just fine.
    Have you got a demo I can look at or is it on your local computer?
     
    sarahk, Jun 22, 2016 IP
  5. CarpCharacin

    CarpCharacin Active Member

    Messages:
    325
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    90
    #5
    It works on my site. http://www.utahfishkeepers.us/page/volumecalculator
     
    CarpCharacin, Jun 22, 2016 IP
  6. sarahk

    sarahk iTamer Staff

    Messages:
    28,808
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #6
    Great that you fixed it. What did you do?
     
    sarahk, Jun 23, 2016 IP
  7. CarpCharacin

    CarpCharacin Active Member

    Messages:
    325
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    90
    #7
    I did not do anything. The error only showed up when i put it into the compressor tool.
     
    CarpCharacin, Jun 23, 2016 IP
  8. sarahk

    sarahk iTamer Staff

    Messages:
    28,808
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #8
    Stay away from that then :)
     
    sarahk, Jun 23, 2016 IP