Javascript Mad Libs下拉列表Faliure

当我在做一个疯狂的Libs游戏时，我扮演的角色是他/她。但是名称是由用户生成的，所以我不能选择任何一个。所以，我这样做了：

var libButton=document.getElementById（“lib按钮”）；
var storyDiv=document.getElementById（“故事”）；
var teacher=document.getElementById（“教师”）；
var person=document.getElementById（“person”）；
var-gender=document.getElementById（“性别”）.value；
var libIt=function（）{
如果（性别==“xxx”）{
heShe=“他/她”；
}
否则，如果（性别==“男性”）{
heShe=“他”；
}
否则，如果（性别==“女性”）{
heShe=“她”；
}
//故事！
storyDiv.innerHTML=“你的故事：一开始，“+person.value+”讨厌图形。“+heShe+”只是不懂其中的诀窍。然后，“+teacher.value+”告诉“+person.value+”关于图形的用法。“+person.value+”开始了解图形是如何有用的，因此将外部生活与图形联系起来。现在，“+person.value+”“知道他们为什么学习图表，并开始掌握诀窍。结束。”；
};
libButton.addEventListener（'click'，libIt）；

教师姓名：
某人的名字：

此人的性别
---
男性
女性


libIt！

所有的

getElementById

代码都在

libIt（）之外

因此，当页面加载时，它会抓取表单的所有值，基本上忽略您的选择。对于“故事和库”按钮，这并不重要，但“教师”、“性别”和“人”需要在函数顶部获取它们的值，这样您就可以在单击按钮时获得更新的值。

尝试更好地解释您的d是什么预期的结果，以及到底出了什么问题。：）