Flask Application - How to link a javascript file to website
Question: I am having some trouble getting started with using javascript files on my
website (A Flask application). I start the website by running run.py which
looks like this:

    
    
    #!flask/bin/python
    from app import app
    app.run(debug=True)
    

In my html page I have the following code which gives a 404 error:

![404 error](http://i.stack.imgur.com/dwB1z.png)

Error message:

![error message](http://i.stack.imgur.com/oP24X.png)

My file structure looks like this:

![file structure](http://i.stack.imgur.com/DU9Hc.png)

Any hints to where I'm going wrong?


Answer: Ah yes, luckily I am currently developing a flask application at the moment.

You are currently missing the **static** folder which by default flask looks
into, a folder structure something like this:

    
    
    |FlaskApp
    ----|FlaskApp
    --------|templates
            - html files are here
    --------|static
            - css and javascript files are here
    

Two important default folders that Flask will look into templates and
**static**. Once you got that sorted you use this to link up with your
javascript files from your html page:

    
    
    <script src="{{url_for('static', filename='somejavascriptfile.js')}}"></script>
    

Hope that helps any questions just ask.

Plus - A good article to read but not super related but it talks about the
folder structure of flask is this:
<https://www.digitalocean.com/community/tutorials/how-to-deploy-a-flask-
application-on-an-ubuntu-vps>

