Uncaught SyntaxError: Unexpected token return

[sdetweil]

@htilburgs said in Uncaught SyntaxError: Unexpected token return:

  }		
  return table;		

u have an extra close brace, which matches up with the getDom() {
and so, that return is just hanging out there

[htilburgs]

@sdetweil , thanx, missed that.
Now that this part is running the JSON data is fetched. But when I trying to show the data I get an error:

Uncaught SyntaxError: Unexpected number

This error is created by the zero in the line:
WoonplaatsCell.innerHTML = MWB.0.plaats;

		var MWB = this.MWB;

		// creating the tablerows
		var WoonplaatsRow = document.createElement("tr");
		WoonplaatsRow.className = "woonplaats-row";
		
		var WoonplaatsCell = document.createElement("td");
		WoonplaatsCell.className = "small";
		WoonplaatsCell.innerHTML = MWB.0.plaats;
		WoonplaatsRow.appendChild(WoonplaatsCell);
		table.appendChild(WoonplaatsRow);

The problem seems that I cannot use the 0 in the command.

This is the JSON result

object{1}
	liveweer[1]
		0{49}
			alarm: "0"
			d0neerslag: "4"
			d0tmax: "12"
			plaats: "Amsterdam"
			...

I used a JSON checker and it says that it’s valid JSON.
How do I display the data from this result, if I cannot use the 0?

[sdetweil]

use a variable to hold the value

var x = 0

WoonplaatsCell.innerHTML = MWB.x.plaats;
or use a literal

WoonplaatsCell.innerHTML = MWB.[‘0’].plaats;

[htilburgs]

No luck…
I’ve tried both of the options:

	var MWB = this.MWB;
	var n = 0;

	// creating the tablerows
	var WoonplaatsRow = document.createElement("tr");
	WoonplaatsRow.className = "woonplaats-row";
	
	var WoonplaatsCell = document.createElement("td");
	WoonplaatsCell.className = "small";
	WoonplaatsCell.innerHTML = MWB.n.plaats;
	WoonplaatsRow.appendChild(WoonplaatsCell);
	table.appendChild(WoonplaatsRow);

Error: Uncaught (in promise) TypeError: Cannot read property ‘plaats’ of undefined

	var MWB = this.MWB;

	// creating the tablerows
	var WoonplaatsRow = document.createElement("tr");
	WoonplaatsRow.className = "woonplaats-row";
	
	var WoonplaatsCell = document.createElement("td");
	WoonplaatsCell.className = "small";
	WoonplaatsCell.innerHTML = MWB.['0'].plaats;
	WoonplaatsRow.appendChild(WoonplaatsCell);
	table.appendChild(WoonplaatsRow);

Error: Uncaught SyntaxError: Unexpected token [

So both of the options give an error.

[sdetweil]

@htilburgs said in Uncaught SyntaxError: Unexpected token return:

WoonplaatsCell.innerHTML = MWB.[‘0’].plaats;

sorry, my bad, try these

WoonplaatsCell.innerHTML = MWB[n].plaats;
WoonplaatsCell.innerHTML = MWB['0'].plaats;

[htilburgs]

@sdetweil YES, that did the trick! Learning a lot these few days.
Thanks again.

Is this notation always like this if you’re working with numbers?

[sdetweil]

@htilburgs not so much numbers, but variable data… the notation

MWB.n.plaats

means the plaats element of the n element of MWB
so the dot notation treats the between dot things as literals…

a number can’t be a variable name literal in this sense…
so, you need the bracket notation [] (and remove the left side dot when u use it this way)

[htilburgs]

@sdetweil Oké, thank you for the explanation.