Go How can I use JavaScript code on my html page

Question

Problem: I have script src tag in my index.html page but on browser this script doesn't load ( actually it loads but looks like index.html file 0_0 see pictures below ). The question is: How can I use JavaScript code which is in different file ( myscripts.js ) on my html page ?

js file looks like html ( index.html ) file

During googling I found "solution" but I does not work completely like it should. I just added this line to viewHandler method :

http.ServeFile(w, r, r.URL.Path[1:])

After this, project started look like this:

index.html after adding line above

To sum up:

My goal is to show html page and use javascript function which are in scripts/ folder.

Project Structure :

-scripts 
 --myscripts.js
-templates
 --index.html
server.go

Server.go :

func viewHandler(w http.ResponseWriter, r *http.Request) {
    fmt.Println("listening . . .")
            tpl.ExecuteTemplate(w, "index.html", nil)
        }

func main() {

    http.HandleFunc("/", viewHandler)
        http.ListenAndServe(":8080", nil)
}

myscripts.js:

function clickFunc(){
console.log("clicked")
}

index.html:

<head>
<script type="text/javascript" src="scripts/myscripts.js"></script>
</head>
<body>

<button onclick="clickFunc()">Click me</button>

</body>
</html>

rofl, "http.ServeFile(w, r, r.URL.Path[1:])" - Memories in, as an example of idiotic code. Small you mess in head, definitely. Example my code: github.com/spouk/spoukfw/blob/master/spoukrender.go — Spouk
– Spouk, Commented Mar 6, 2017 at 3:44

weqlix · Accepted Answer · 2017-03-06 18:46:17Z

2

You should be able to serve static files from a specific directory using the http package.

For example:

func main() {
  ScriptsDirectory := http.FileServer(http.Dir("scripts"))
  http.Handle("/scripts", ScriptsDirectory)

  log.Println("Listening at port 3000")
  http.ListenAndServe(":3000", nil)
}

Will let you server the file directly from that directory.

From there you can reference the /scripts directory in your index.html page as is.

Here is also a tutorial where this technique is used.

edited Mar 6, 2017 at 18:46

answered Mar 5, 2017 at 20:16

weqlix

447 bronze badges

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

3 Comments

Kenny Grant Over a year ago

+1 to this and never use r.URL.Path[1:] as the question did - you're allowing user input to directly choose a path on the filesystem.

Illia Over a year ago

Did I understand correctly that StaticFiles should be replaced with ScriptsDirectory ? So I can either use Templates and show html pages with javascript inside like: <script> alert('hello'); </script> OR I can use FileServer to provide files but not a templates ? Can I somehow use both ? Like templates for html and fileserver for only one directory "scripts" ?

weqlix Over a year ago

@Illia thanks for the catch. Edited. Golang provides its own tempting engine which you can read about here

Collectives™ on Stack Overflow

Go How can I use JavaScript code on my html page

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related