Javascript 如何使图片与按钮交互?
*[1] : 大家好,我想提前感谢大家的帮助。 我对整个编码世界都很陌生,所以我有一个项目要做。我已经设置了HTML文件,我希望它的外观等。。。。我目前唯一的问题是,我不确定如何使用javascript使按钮工作并存储信息。有谁能分享一些关于如何让床变得互动的信息吗?我想,一旦我能让床与按钮互动,我就可以和其他人玩一玩,看看我是如何相处的Javascript 如何使图片与按钮交互?,javascript,html,Javascript,Html,*[1] : 大家好,我想提前感谢大家的帮助。 我对整个编码世界都很陌生,所以我有一个项目要做。我已经设置了HTML文件,我希望它的外观等。。。。我目前唯一的问题是,我不确定如何使用javascript使按钮工作并存储信息。有谁能分享一些关于如何让床变得互动的信息吗?我想,一旦我能让床与按钮互动,我就可以和其他人玩一玩,看看我是如何相处的 病床 主体{边框:凹槽4px;} 一个可能会导致您无法工作的问题是,在您给出的示例代码中,您没有正确地关闭起始div标记和几个over标记。 你已经把。。
病床
主体{边框:凹槽4px;}
一个可能会导致您无法工作的问题是,在您给出的示例代码中,您没有正确地关闭起始div标记和几个over标记。
你已经把。。。这应该会有所帮助,但对于按钮来说,您似乎做得很好,但在您的js文件或您刚刚放置的脚本标记中
Female_OnClick() {
what you want it to do
}
尝试正确关闭所有标记,并尝试使用javascript,如果仍然不起作用,请告诉我,我可能会提供帮助……我的建议是从简单的HTML教程开始。
因为有很多无效的html和一些无效的css
函数GetId(id){return document.getElementById(id)}
//将eatch床的信息存储在阵列中
变量床=[],
//存储最大床位数
最大床数=8,
//上床睡觉
htmlBeds=GetId(“床”);
//通过增加进食时间来循环最大床位的数量
for(设i=0;i';
}
//从html中请求的函数
函数btnAdmit_OnClick(){
让性别、全名、手术地点=”;
如果(GetId('btnMale')。选中)gender=“Male”;
如果(GetId('btnFemale')。选中)gender=“Female”;
如果(GetId('btunknown')。选中)gender=“Unknown”;
fullName=GetId('FirstName').value+“”+GetId('LastName').value;
//通过增加进食时间,在手术部位循环8次。
for(设i=0;i<8;i++){
设LoS=GetId(“LoS”+i);
如果(检查的服务水平)手术位置+=服务水平值+“”;
}
//将患者对象推送到阵列
床,推({
性别:性别,,
全名:全名,
手术定位:手术定位
});
}
//删除最后添加的患者
函数btnDischarge_OnClick(){
床。拼接(-1,1);
}
//显示患者统计数据
功能床点击(bedId){
如果(beds[bedId]==未定义)console.log(“bed:”+(bedId+1)+
“\n为空”);
else console.log(“床:”+(床ID+1)+
“\n姓名:”+床[bedId]。性别+
“\n全名:”+床[bedId]。全名+
“\n手术位置:”+床[bedId]。手术位置
);
}
body{
背景颜色:浅蓝色;
边框:凹槽4px;
}
男性
女性
未知
名字
姓
手术位置
左臂
右臂
左腿
右腿
未知
头部
胸部
腹部
center标记已被弃用,您不应该使用它,并且没有这样的标记作为正确的标记,而且您的html无效(您没有正确关闭某些div)。您可能需要阅读以下内容:并找出您想要对数据做什么。目前这个问题涉及面很广,因此索特非常感谢您的反馈!!!非常感谢。我所要做的就是在一个病房里管理8张病床。在这里,我将单击男性或女性、手术位置、姓名,然后将信息放在床上。因此,当我点击床时,我可以编辑姓名或手术地点。一旦我点击“出院”,信息就会从床上移除。抱歉,如果我解释的方式有点混乱。你想用患者信息填充床位吗?是的,信息需要在患者入院和出院时存储。如果你想测试按钮是否有效,只需在其中一个中添加一个id,例如在javascript中,在按钮函数中放入document.getElementById(“testBtn”).innerHTML=“Hello World”;谢谢你的反馈!!!非常感谢。我所要做的就是在一个病房里管理8张病床。在这里,我将单击男性或女性、手术位置、姓名,然后将信息放在床上。因此,当我点击床时,我可以编辑姓名或手术地点。一旦我点击“出院”,信息就会从床上移除。抱歉,如果我解释东西的方式有点混乱。没关系,我会很快写一些东西来帮助你做到这一点。我刚刚更新了完整的代码。阻止我向前移动的只是让床与按钮互动。我不知道如何让它工作。不幸的是,我不知道,我只是想采取一些小步骤让它正常工作。我只做了3个星期的编码,这个项目需要在2个星期后交。所以我现在强调要诚实。@Chris如果这对你有帮助,你能接受这个答案吗。