Run JavaScript embeded in HTML from FireBug

Question

I have just started working through Professional JavaScript for Web Developers and am trying to run the code as I go along. I have hit a wall early on with trying to embed JavaScript in a HTML document. If I define a function and call it in the same document, nothng happens. Similarly, if I define a function in the document and call it from either the Firefox scratchpad or FireBug nothing happens. I can however run the whole thing (define the function and call it) from the scratch pad or FireBug.

The code I am using for the page is:

<!DOCTYPE html>
<html>
    <head>
        <title>Test Page</title>
        <script type="text/javascrtipt">
            function compare(a, b) {
                if (a < b) {
                    alert ("A is less than B");
                } else if (a > b) {
                    alert ("A is greater than B");
                } else {
                    alert ("A is equal to B");
                }
            };
        </script>
    </head>
    <body>
        <p>Paragraph 1</p>
        <script type="text/javascript">compare(5, 6);</script>
    </body>
</html>

I have found similar questions like the one below which I think answers my question but I don't understand it enough to apply it to my scenario. How would I make the function above global (if that is whats needed here)?

Calling custom functions from firebug console

Thanks,

Ger

What do mean by "How would I make the function above global" ? — Ibrahim Najjar
– Ibrahim Najjar, Commented Oct 12, 2013 at 9:38

Dan Hems · Accepted Answer · 2013-10-12 10:40:04Z

1

The problem here is not in your logic, rather it is in a simple typing error. Where you specify the script type in the head, you misspelled javascript - correct that and the script executes.

Further to this, it may be worth mentioning that, when using the HTML5 doctype, you omit the script type if you wish because this is now the default for HTML5 documents.

answered Oct 12, 2013 at 10:40

Dan Hems

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Michael Besteck · Accepted Answer · 2013-10-12 09:45:53Z

0

After correcting the typo "text/javascrtipt" the compare function can be successfully called from Firebug console (command editor) with, e.g.

compare(3,4);

and a following click on "execute". Tested with Firefox 24.0 / Linux.

answered Oct 12, 2013 at 9:45

Michael Besteck

2,41918 silver badges11 bronze badges

Collectives™ on Stack Overflow

Run JavaScript embeded in HTML from FireBug

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related