Javascript 如何使图片与按钮交互?

Javascript 如何使图片与按钮交互?,javascript,html,Javascript,Html,*[1] : 大家好,我想提前感谢大家的帮助。 我对整个编码世界都很陌生,所以我有一个项目要做。我已经设置了HTML文件,我希望它的外观等。。。。我目前唯一的问题是,我不确定如何使用javascript使按钮工作并存储信息。有谁能分享一些关于如何让床变得互动的信息吗?我想,一旦我能让床与按钮互动,我就可以和其他人玩一玩,看看我是如何相处的 病床 主体{边框:凹槽4px;} 一个可能会导致您无法工作的问题是,在您给出的示例代码中,您没有正确地关闭起始div标记和几个over标记。 你已经把。。

*[1] : 大家好,我想提前感谢大家的帮助。 我对整个编码世界都很陌生,所以我有一个项目要做。我已经设置了HTML文件,我希望它的外观等。。。。我目前唯一的问题是,我不确定如何使用javascript使按钮工作并存储信息。有谁能分享一些关于如何让床变得互动的信息吗?我想,一旦我能让床与按钮互动,我就可以和其他人玩一玩,看看我是如何相处的


病床
主体{边框:凹槽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
body{
背景颜色:浅蓝色;
边框:凹槽4px;
}

男性
女性
未知

名字

手术位置
左臂
右臂
左腿
右腿
未知
头部
胸部
腹部

center标记已被弃用,您不应该使用它,并且没有这样的标记作为正确的标记,而且您的html无效(您没有正确关闭某些div)。您可能需要阅读以下内容:并找出您想要对数据做什么。目前这个问题涉及面很广,因此索特非常感谢您的反馈!!!非常感谢。我所要做的就是在一个病房里管理8张病床。在这里,我将单击男性或女性、手术位置、姓名,然后将信息放在床上。因此,当我点击床时,我可以编辑姓名或手术地点。一旦我点击“出院”,信息就会从床上移除。抱歉,如果我解释的方式有点混乱。你想用患者信息填充床位吗?是的,信息需要在患者入院和出院时存储。如果你想测试按钮是否有效,只需在其中一个中添加一个id,例如

在javascript中,在按钮函数中放入document.getElementById(“testBtn”).innerHTML=“Hello World”;谢谢你的反馈!!!非常感谢。我所要做的就是在一个病房里管理8张病床。在这里,我将单击男性或女性、手术位置、姓名,然后将信息放在床上。因此,当我点击床时,我可以编辑姓名或手术地点。一旦我点击“出院”,信息就会从床上移除。抱歉,如果我解释东西的方式有点混乱。没关系,我会很快写一些东西来帮助你做到这一点。我刚刚更新了完整的代码。阻止我向前移动的只是让床与按钮互动。我不知道如何让它工作。不幸的是,我不知道,我只是想采取一些小步骤让它正常工作。我只做了3个星期的编码,这个项目需要在2个星期后交。所以我现在强调要诚实。@Chris如果这对你有帮助,你能接受这个答案吗。