Javascript 创造一个生活系统,就像在测验中玩电子游戏一样

Javascript 创造一个生活系统,就像在测验中玩电子游戏一样,javascript,html,css,Javascript,Html,Css,我正在为一个逃生游戏创建一些网页。它们主要用于收集响应并检查它们是否正确。在这种情况下,这是一封按正确顺序排列的信。排序脚本取自Codepen,然后我修改了一些JavaScript来监视if/else条件。如果是错误的,你就失去了生命。如果答案是错误的,代码会删除代表生命的四幅图像中的一幅 我到处都在寻找如何构建一个生命系统,所以我尝试了我脑海中的一些理论,但我对JavaScript还没有很好的理解,无法实现我想要做的事情 $(函数(){ $(“#可排序”).sortable(); $(“#可

我正在为一个逃生游戏创建一些网页。它们主要用于收集响应并检查它们是否正确。在这种情况下,这是一封按正确顺序排列的信。排序脚本取自Codepen,然后我修改了一些JavaScript来监视if/else条件。如果是错误的,你就失去了生命。如果答案是错误的,代码会删除代表生命的四幅图像中的一幅

我到处都在寻找如何构建一个生命系统,所以我尝试了我脑海中的一些理论,但我对JavaScript还没有很好的理解,无法实现我想要做的事情

$(函数(){
$(“#可排序”).sortable();
$(“#可排序”).disableSelection();
});
函数checkOrd(){
var-life=document.getElementById('life');
var items=$('#可排序li').map(函数(){
返回$.trim($(this.attr('id'));
}).get();
var itsort=$('#可排序li').map(函数(){
返回$.trim($(this.attr('id'));
}).get();
itsort.sort();
if(JSON.stringify(items)=JSON.stringify(itsort))
警惕(“正确的顺序!”);
其他的
life.parentNode.removeChild(life);
};

    介绍文本
    文本 文本 文本 文本
  • 结束文本
证实人
基本上就是这样做的:

函数removeLife(){
$(“.life”).last().remove();
}
函数countlifes(){
返回$(“.life”)。长度;
}

#生活{
填充:0;
}
.生活{
显示:内联;
}
  • 生活1
  • 生活2
  • 生活3
  • 生活4
夺去生命 获得剩余生命
Hi@Xy。我不知道你想完成什么,但看起来你可能有一些语法错误。不应该
哦,我在这里抄写代码时的打字错误。它是经过编辑的,谢谢:)我试图监控用户输入,看看他是否按正确的顺序排列段落,当用户确认他安排的顺序时,如果正确,他将被发送到下一页,或者如果段落顺序不正确,他将失去“生命”,就像在视频游戏中一样。然后,我想在下一页报告生命计数(例如,如果他还有2或3条生命)。我已将您的代码示例转换为可运行的代码段,并更正了上面讨论的打字错误(您的编辑没有更正,您缺少一个结束语
)如果这个打字错误是真正的问题,请让我们知道。哦,不是的,实际上只是为了检查我如何处理这种情况,并找到一种方法在下一页保持生命计数,但我必须尝试Mendrika的功能,看看它是否适合我的需要!谢谢你的时间:)因为我的名声不好,我不能直到为原始问题添加注释,所以我必须将其放在这里。Id属性应该是唯一的。您不应该将life Id分配给4 img。(改为使用类)。Id也应该以字母开头。谢谢!看起来比我做的更实用。尽管按钮无论如何都会删除life。如果第一个脚本返回警报”正确的顺序“它不应该删除一个生命(正如现在所做的那样)。在我实现下一页时,我还没有尝试最后一个函数,但它看起来非常适合我所需要的。这是因为你问的是如何创建一个生命系统,而不是如何实现整个游戏逻辑。我只是向你展示了如何删除和计算生命。例如,你可以添加一个测试,如if(user_isRight){//do you want}else{removeLife();}如果它符合您的问题,您可以将其标记为已接受的答案以结束您的问题…(大多数新成员忘记了这样做)。太好了!非常感谢!抱歉,我对编码有点陌生,因此解释我想要实现的目标有点混乱。