javascript - 将 HTML 从对象更改为字符串值

Question

我确信以前有人问过这个问题，但我在这方面是个初学者，即使我偶然发现了它，我也不认为我会认出答案。

我想知道为什么我的代码没有执行其预期的操作。它应该从对象 event1 中获取一个值并将其复制到 HTML p 标签和按钮标签中。我是否试图做一些完全无知的事情？

var event1 = {
	situation: "Du befinner dig hemma i soffan. Det är mörkt utomhus och TVn är påslagen. På soffbordet ser du ett tomt glas och en flaska vodka.",
  val1: "1. Stäng av TVn",
  val2: "2. Gå utomhus",
  val3: "3. Fyll glaset med vodka";
};

document.getElementById("event").innerHTML = event1.situation();
document.getElementById("choice1").innerHTML = event1.val1();
document.getElementById("choice2").innerHTML = event1.val2();
document.getElementById("choice3").innerHTML = event1.val3();

<p id="event"></p>

<p>Vad vill du göra?</p>

<button type="button" id="choice1"></button>
<button type="button" id="choice2"></button>
<button type="button" id="choice3"></button>

My Code in JSFiddle

还有一个额外的问题:我可以将对象嵌套在对象中还是不可能？

Answer 1

在val3(分号)之后的对象中存在语法错误，如果您调用函数，则需要括号，但您只是引用一个值，所以它不是合适。

我相信这就是您正在寻找的:

var event1 = {
  situation: "Du befinner dig hemma i soffan. Det är mörkt utomhus och TVn är påslagen. På soffbordet ser du ett tomt glas och en flaska vodka.",
  val1: "1. Stäng av TVn",
  val2: "2. Gå utomhus",
  val3: "3. Fyll glaset med vodka"
};

document.getElementById("event").innerHTML = event1.situation;
document.getElementById("choice1").innerHTML = event1.val1;
document.getElementById("choice2").textContent = event1.val2;
document.getElementById("choice3").innerHTML = event1.val3;