Javascript HTML/CSS可以'；无法使窗体和按钮正常工作

对于学校作业，我必须创建一个“甜甜圈/咖啡店”，在这里我使用HTML和CSS，但我似乎无法获得我的“计算总数”和“重置表单”按钮，以使表单正常工作

很抱歉设置格式，但这是我的HTML：

还有我的CSS：

如果有人能发现我的错误，我将不胜感激

---

编辑：真是个愚蠢的错误，我把我的id忘在了选择下拉栏上。再次感谢奥斯汀·格雷科

您只是缺少甜甜圈上的id

select

：

<select id="DoughnutChoiceField">

.body
{
}
.标题
{
字体大小：25px；
顶部：10px；
左：100px；
宽度：900px；
高度：150像素；
边框样式：实心；
边框颜色：#9A0E2A；
边框宽度：5px；
显示：表格；
颜色：黄色；
文本阴影：-1px 0黑色，0 1px黑色，1px 0黑色，0-1px黑色；
}
.标题h1
{
颜色：#AE5AAB；
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
}
.flipimage
{
-moz变换：scaleX（-1）；
-o变换：scaleX（-1）；
-webkit转换：scaleX（-1）；
转换：scaleX（-1）；
过滤器：FlipH；
-ms过滤器：“FlipH”；
}
.主体
{
宽度：800px；
填充：0px；
}
左边
{
宽度：250px；
高度：600px；
边际：0px；
填充：0px；
边框颜色：#9A0E2A；
边框样式：实心；
边框宽度：5px；
浮动：左；
文本对齐：居中；
位置：绝对位置；
颜色：黄色；
文本阴影：-1px 0黑色，0 1px黑色，1px 0黑色，0-1px黑色；
}
.左img
{
位置：绝对位置；
左：0；
底部：0；
}
.左h1
{
颜色：深色；
文本对齐：左对齐；
垂直对齐：顶部；
字体大小：20px；
边缘顶部：50px；
左边距：15px；
}
.左h2
{
颜色：深色；
文本对齐：左对齐；
垂直对齐：顶部；
字体大小：20px；
左边距：15px；
}
.左h3
{
颜色：白色；
文本对齐：左对齐；
垂直对齐：顶部；
字体大小：15px；
左边距：15px；
}
居中
{
位置：绝对位置；
宽度：650px；
边框样式：实心；
边框颜色：#9A0E2A；
边框宽度：5px；
左边距：250像素；
填充：0px；
高度：600px；
颜色：黄色；
文本阴影：-1px 0黑色，0 1px黑色，1px 0黑色，0-1px黑色；
}
.中心h1
{
颜色：皇家蓝；
文本对齐：居中；
垂直对齐：顶部；
线高：100px；
}
.中心p
{
颜色：皇家蓝；
文本缩进：50px；
}

甜甜圈店
店铺地址：
东大街12345号
电话：
(509) 123-4567
电邮：
doughnutshop@hotmail.com

订单：
客户名称：



订购日期：


混合咖啡
混合屋
肯尼亚混合物
波旁威士忌

咖啡大小：
小的
中等
大的

数量（1-20）：


甜甜圈类型：
光滑的
巧克力
枫树

数量（1-20）：


小计：

销售税：

总销售额：

计算总数
重置

大家好，欢迎来到Stack Overflow，请将您的代码包含在问题中。这样你会得到更多更快的回复。请允许我告诉您，您可以使用编辑器中的

{}

按钮格式化代码，或者使用

按钮执行完整的“粘贴”示例。您也可以在JSFIDLE或类似网站上试用您的代码。如果您使用的是Firefox，请安装Firebug扩展并检查控制台。如果您使用的是Chrome，只需点击Ctrl+Shift+J打开控制台。我个人更喜欢Firebug，因为它的错误信息更有用。在本例中，它出现的第一个错误是DoughnutChoice为null。那是因为你已经声明它应该是#DoughnutChoiceField的值，它不存在。试试看……我想你会有更多的调试要做，让Firebug启动并运行起来。哦，天哪，我觉得自己太蠢了。非常感谢你！！你是我的救世主，哈哈。