Javascript 如何在单击时获得声音并在计算器显示屏中显示7

document.getElementById（“a”）.onclick=function（）{
var a_toets=document.getElementById（“audio_a”）；
a_toets.play（）；
}
document.addEventListener（'keydown'，函数（事件）{
开关（event.keyCode）{
案例55:var a_toets=document.getElementById（“audio_a”）；
a_toets.play（）；
打破
}
})
var inputLabel=document.getElementById（'inputLabel'）；
功能按钮按钮（obj）{
var push=obj.innerHTML；
如果（推送=='='）{
//贝雷肯
inputLabel.innerHTML=eval（inputLabel.innerHTML）；
}else if（推送==“AC”）{
//alles weg
inputLabel.innerHTML='0'；
}否则{
如果（inputLabel.innerHTML=='0'）{
inputLabel.innerHTML=推送；
}否则{
inputLabel.innerHTML+=推送；
}
}
}

@charset“utf-8”；
* {
字体系列：“Incolata”，单空格；
颜色：#555；
}
身体{
背景色：#3fb399；
}
.集装箱{
宽度：320px；
背景色：白色；
保证金：120px自动；
}
桌子{
宽度：100%；
边框颜色：#F4；
}
运输署{
宽度：25%；
}
钮扣{
宽度：100%；
高度：70像素；
字体大小：24px；
背景色：白色；
边界：无；
}
#输入标签{
高度：120px；
字体大小：40px；
垂直对齐：底部对齐；
文本对齐：右对齐；
右边填充：16px；
背景色：#ececec；
}

雷肯机器
0
自动控制
/
7.
8.
9
*
4.
5.
6.
-
1.
2.
3.
+
0
.
=
您的浏览器不支持音频元素。

在您的

pushBtn

功能中播放音频：

var a_toets=document.getElementById（“audio_a”）；
var inputLabel=document.getElementById（'inputLabel'）；
功能按钮按钮（obj）{
a_toets.play（）；
var push=obj.innerHTML；
如果（推送=='='）{
//贝雷肯
inputLabel.innerHTML=eval（inputLabel.innerHTML）；
}else if（推送==“AC”）{
//alles weg
inputLabel.innerHTML='0'；
}否则{
如果（inputLabel.innerHTML=='0'）{
inputLabel.innerHTML=推送；
}否则{
inputLabel.innerHTML+=推送；
}
}
}

@charset“utf-8”；
* {
字体系列：“Incolata”，单空格；
颜色：#555；
}
身体{
背景色：#3fb399；
}
.集装箱{
宽度：320px；
背景色：白色；
保证金：120px自动；
}
桌子{
宽度：100%；
边框颜色：#F4；
}
运输署{
宽度：25%；
}
钮扣{
宽度：100%；
高度：70像素；
字体大小：24px；
背景色：白色；
边界：无；
过渡时间：0.3s；
}
按钮：悬停{
背景色：#a4dfff；
}
按钮：激活{
背景色：#30ff62；
}
#输入标签{
高度：120px；
字体大小：40px；
垂直对齐：底部对齐；
文本对齐：右对齐；
右边填充：16px；
背景色：#ececec；
}

雷肯机器
0
自动控制
/
7.
8.
9
*
4.
5.
6.
-
1.
2.
3.
+
0
.
=
您的浏览器不支持音频元素。

您能在代码段中添加您的代码吗？当然可以。我已经做了，你有没有试过在你的

pushBtn

函数中播放音频？没有，我怎么做？我只是一个初学者，正如你看到你在html中使用onclick，在js中使用onclick一样。所以一个是有效的。选择一个，并把所有你想做的代码都放在里面。是的，它可以工作，谢谢！！还有一个问题。如何将此声音添加到每个键？它已添加到所有键，因为所有键都会触发功能

pushBtn

。好的，谢谢，我如何获得onmouseover和onclick？我希望颜色发生变化，您可以使用

CSS:hover

在鼠标悬停时更改颜色。例如：

按钮：悬停{背景色：红色；}

并在主样式

按钮{}

内添加

过渡持续时间：0.3s

，以实现平滑的事务。我已经更新了上面的代码。当用户单击按钮时，您可以使用

按钮：active

更改颜色。