javascript - 在 Javascript 中调用另一个函数到主函数中时没有显示结果

Question

我正在尝试仅使用 HTML、CSS 和 Javascript(无 jQuery)制作一个简单的互动小说游戏。到目前为止，UI 和事件处理没有问题，但当前这段代码对我来说并不是特别有用。

function x(){
  var race = Math.floor(Math.random()*2);
  var gender = Math.floor(Math.random()*2);
  var y = document.getElementById("paragraph");
  encounterText.textContent = "";
  switch (race) {
    case 0:
      if(gender === 0)
        y.textContent += "You meet a rabbit girl.";
        a();
        else {
        y.textContent += "You meet a rabbit boy.";
        }
      break;
default:
  if(gender === 0)
    y.textContent += "You meet a human girl.";
    a();
    else {
      y.textContent += "You meet a human boy.";
    }
  }
}
function a(){
  var hairGen = Math.floor(Math.random()*2);
  var y = document.getElementById("randomEncounter");
  switch (hairGen) {
    case 0:
    y.textContent += "She has a long hair";
      break;
    default:
    y.textContent += "She has a short hair";
  }

}

当事件运行时，该段落中没有任何内容可显示。我的 Javascript 做错了什么吗？

PS:我是 Javascript 初学者。

Answer 1

您需要检查您的控制台。这里有明显的错误。

未捕获的语法错误:意外的标记其他

这里有一个关于它工作的 fiddle 。您只需将第一个 if 语句后面的 block 括在大括号中即可。例如:

if(gender === 0) {
    y.textContent += "You meet a rabbit girl.";
    a();
 }   else {
    y.textContent += "You meet a rabbit boy.";
 }

https://jsfiddle.net/df13beya/7/