Why do I get a property assignment error while using script tags on HTML

Question

I am practicing fetching API data and displaying it on a web page. I am using Go to fetch quotes data from an API service. I want an additional slideshow functionality for the web page that should display another fetched quote after 5 seconds using JavaScript.

However, only one quote is displayed on the web page, and no error is logged on the browser's console. The only error my text editor displays is on the HTML file from the snippet below.

<script>
var quotes = {{.QuotesJSON}};
</script>

The following errors are being displayed:

Property assignment expected.javascript
Property destructuring pattern expected.javascript
Declaration or statement expected.javascript

I have tried declaring a field QuotesJSON in the data struct which is of type template.JS to indicate that the string being passed in should be treated as JavaScript code, allowing it to be safely embedded in HTML without being escaped using Go.

data := struct {
QuotesJSON template.JS
}{
QuotesJSON: template.JS(quotesJSON),
}

Where could the issue lie?

I don't know what language {{.QuotesJSON}} is, but it's not javascript. You need to assign a valid JS value to your var. — jmargolisvt
– jmargolisvt, Commented Dec 1, 2024 at 15:18
This looks like some kind of template language, so you need to process the script with that framework. — Barmar
– Barmar, Commented Dec 1, 2024 at 15:47

Klrfl · Accepted Answer · 2024-12-02 02:24:08Z

0

You are getting an error because {{.QuotesJSON}} is parsed as JavaScript, and your editor is correct, it is not valid JavaScript. I think what you should do instead of this is serialize the JSON into a slice of structs, then loop through each slide with a {{range .yourSlice}} statement. But if you really want to assign the resulting JSON into a variable, then you can either turn off your diagnostics or just live with the errors.

answered Dec 2, 2024 at 2:24

Klrfl

11 silver badge6 bronze badges

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

Collectives™ on Stack Overflow

Why do I get a property assignment error while using script tags on HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related