使元素可用于javascript?

使元素可用于javascript?,javascript,Javascript,我的JavaScript无法实现这一点。我正在做一个简单的游戏,游戏中有空白的标签作为动作。它应该是可点击的,一旦点击,它就会执行游戏的下一部分。然而,它什么也不做。这就是我的意思 示例代码 html 对 这有很多代码需要处理,但下面是细分。调用初始的“intro”函数。设置4s文本,并与故事情节一起执行,单击后执行一个函数。但是,它什么也不做。JavaScript中的事件触发回调函数。为了对事件使用回调函数,需要将该函数附加到该元素上的事件。因此,这样做: if(act_1.onclick)

我的JavaScript无法实现这一点。我正在做一个简单的游戏,游戏中有空白的
标签作为动作。它应该是可点击的,一旦点击,它就会执行游戏的下一部分。然而,它什么也不做。这就是我的意思

示例代码 html 对
这有很多代码需要处理,但下面是细分。调用初始的“intro”函数。设置4
s文本,并与
故事情节一起执行,单击后执行一个函数。但是,它什么也不做。

JavaScript中的事件触发回调函数。为了对事件使用回调函数,需要将该函数附加到该元素上的事件。因此,这样做:

if(act_1.onclick)  {
基本上什么都不做
act_1.onclick
将查找分配给onclick事件处理程序的回调函数。由于没有,它将是未定义的,因此,此if语句为false,并且从不执行。我相信您的意图是在这里为act_1元素上的click事件指定一个回调函数,然后执行if语句中的代码。看起来是这样的:

/*if(act_1.onclick)  {*/
act_1.onclick = function(){
    story.innerHTML = "What do you do?";
    act_1.innerHTML = "Return to Battle";
    act_2.innerHTML = "Run";
    act_3.innerHTML = "Go to the infirmary";
    act_4.innerHTMl = "Call for help";
};

JavaScript中的事件触发回调函数。为了对事件使用回调函数,需要将该函数附加到该元素上的事件。因此,这样做:

if(act_1.onclick)  {
基本上什么都不做
act_1.onclick
将查找分配给onclick事件处理程序的回调函数。由于没有,它将是未定义的,因此,此if语句为false,并且从不执行。我相信您的意图是在这里为act_1元素上的click事件指定一个回调函数,然后执行if语句中的代码。看起来是这样的:

/*if(act_1.onclick)  {*/
act_1.onclick = function(){
    story.innerHTML = "What do you do?";
    act_1.innerHTML = "Return to Battle";
    act_2.innerHTML = "Run";
    act_3.innerHTML = "Go to the infirmary";
    act_4.innerHTMl = "Call for help";
};

加载DOM后是否运行Javascript,或者将其放在文档末尾,或者在
窗口.onload
函数中调用它?如果创建一个更简单的JSFIDLE或plunkr来演示此问题,您会得到更多帮助。也就是说,我在你的链接上没有看到点击处理程序。您可能需要这样的内容:
act_1.on('click',function(){/*dosomething*/})单击时未执行任何操作。您的代码检查事件处理程序是否存在,但实际上并没有设置事件处理程序。例如,如果(act_1.onclick){…}
在加载DOM后运行Javascript,则应该执行
act_1.onclick=function(){…}
,而不是
,将它放在文档末尾或在
窗口.onload
函数中调用它?如果您创建了一个更简单的JSFIDLE或plunkr来演示这个问题,您会得到更多帮助。也就是说,我在你的链接上没有看到点击处理程序。您可能需要这样的内容:
act_1.on('click',function(){/*dosomething*/})单击时未执行任何操作。您的代码检查事件处理程序是否存在,但实际上并没有设置事件处理程序。例如,您应该执行
act_1.onclick=function(){…}
而不是
if(act_1.onclick){…}
/*if(act_1.onclick)  {*/
act_1.onclick = function(){
    story.innerHTML = "What do you do?";
    act_1.innerHTML = "Return to Battle";
    act_2.innerHTML = "Run";
    act_3.innerHTML = "Go to the infirmary";
    act_4.innerHTMl = "Call for help";
};