Javascript not loading in browser

Question

Im a beginner programmer and im experiencing some issues loading javascript code on my browser. Are there any errors in my code? or could it be an issue with my computer. If it helps: im using OS Sierra, Google Chrome, Atom editor.

Thanks!!

HTML code:

<!DOCTYPE html>

<html>
    <head>

    </head>

    <body>
        <title>A* Algorithm</title>

            <h1>This is the A* pathfinding algorithm</h1>
            <script src ="astar.js"> </script>

    </body>


</html>

Javascript code:

var cols = 5;
var rows = 5;
var grid = new Array(cols);

function setup() {
    createCanvas(400, 400);
    console.log("A*");

    for (var i = 0; i < cols; i++) {
        grid[i] = new Array(rows);
    }

    for (var i = 0; i < cols; i++) {
        for (var j = 0; i < row; j++) {
            grid[i][j] = new Spot();
        }
    }

    console.log(grid);
}

function draw () {
    background(0);
}

This is the exact code, right?

Umair Khan
– Umair Khan

2017-02-17 00:42:30 +00:00
Commented Feb 17, 2017 at 0:42 — Umair Khan
– Umair Khan, Commented Feb 17, 2017 at 0:42
any errors on console?

Ajay Narain Mathur
– Ajay Narain Mathur

2017-02-17 00:42:34 +00:00
Commented Feb 17, 2017 at 0:42 — Ajay Narain Mathur
– Ajay Narain Mathur, Commented Feb 17, 2017 at 0:42

Faheem Ahmad · Accepted Answer · 2017-02-17 00:49:53Z

2

You have to call this Javascript function somewhere in any event there are plenty of ways, here the simplest one. However, additionally you haven`t defined the createCanvas function. hope it helps

<!DOCTYPE html>
<html>
<head>
    <title>A* Algorithm</title>
</head>
<body onload="setup()">
    <h1>This is the A* pathfinding algorithm</h1>
    <script src="astar.js"> </script>
</body>
</html>

answered Feb 17, 2017 at 0:49

Faheem Ahmad

642 bronze badges

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

1 Comment

Faheem Ahmad Over a year ago

comment the create canvas to run your code and see in console. like // createCanvas(400, 400);

OptimusCrime · Accepted Answer · 2017-02-17 00:48:58Z

1

There is nothing wrong with your code, given that you script is named correctly and is in the same directory as you HTML file.

The cause, however, may be that you never call neither of you methods, you just construct them.

Simply including the script is not enough for the methods to run. To execute the function setup simply add the following code to the end of your current script.

setup();

answered Feb 17, 2017 at 0:48

OptimusCrime

14.9k13 gold badges63 silver badges98 bronze badges

Comments

Mekanic · Accepted Answer · 2022-03-23 13:59:50Z

0

Steps:

Make sure your javascript and the html file is in the same folder. I notice that the part to your file (src ="astar.js") is the same as the name of your file.
Check the javascript console in the browser. One of the most effective ways to program is learning from your error messages. Javascript error messages can be reached view>>Developer>>Javascript console. When you are in the javascript console, run the code again and check for errors and go from there.

Cheers!

edited Mar 23, 2022 at 13:59

answered Feb 17, 2017 at 0:53

Mekanic

1973 silver badges11 bronze badges

Collectives™ on Stack Overflow

Javascript not loading in browser

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related