Javascript html js css数学函数

我正在构建一个页面，其中有8个按钮和9个单选输入。 我给每个按钮一个值，并创建了一个函数，在一个div上打印该值（如果你想把一件物品还给商店，就像交税一样，诸如此类）。 现在我正在尝试创建第二部分。它包括：你必须选择3件事：1-项目类别（8个按钮网格），2-项目包装的长度/宽度/高度，3-项目重量（最后2个都是单选按钮）。 在我打印我在第一部分中提到的东西的同一个div中，我还有两个地方需要打印另外两个值。 问题是，例如，对于正确的一个，我有一个excel文件，其中包含了获得正确结果所需的所有数学运算（每个按钮都有一个以分为单位的基值，每个长度/宽度/高度“组合”都有一个值）。 事实上，我不能有一个以上的按钮值，所以我在线红色，你可以使用，例如“数据值”，我尝试过，但我认为使用它的sintax是不同的，因为它不起作用，所以我尝试了其他方法，我要向你展示，因为我教过它会起作用。（我使用了与第1部分相同的函数，并添加了一些内容，使我也完成了另一个函数。我将让您看到该函数的基本版本，以及我通常尝试的版本）

/*document.querySelectorAll（'input[type=radio]，button'）.forEach（函数（输入）{
input.onclick=函数（）{
var价格；
var stockT；
var股票；
var-vol；
如果（this.value='1,56'）{
价格='1,56'；
} 
else if（this.value=='1,04'）{
价格='1,04'；
}
else if（this.value=='1,30'）{
价格='1,30'；
}
else if（this.value=='1,17'）{
价格='1,17'；
}
if（this.value=='1,56'&&this.value=='4960'）{
股票='000002'；
vol='4960'；
stockT=库存*体积；
}
document.querySelectorAll（'.tabcosti.white'）[1].innerText=price；
document.querySelectorAll（'.tabcosti.white'）[2].innerText=stock；
};  
})*/
document.querySelectorAll（'input[type=radio]，button'）.forEach（函数（输入）{
input.onclick=函数（）{
var价格；
var stockT；
var股票；
var-vol；
如果（this.value='1,56'）{
价格='1,56'；
} 
else if（this.value=='1,04'）{
价格='1,04'；
}
else if（this.value=='1,30'）{
价格='1,30'；
}
else if（this.value=='1,17'）{
价格='1,17'；
}
if（this.value=='1,56'&&this.value=='4960'）{
股票='000002'；
vol='4960'；
stockT=库存*体积；
}
document.querySelectorAll（'.tabcosti.white'）[1].innerText=price；
document.querySelectorAll（'.tabcosti.white'）[2].innerText=vol；
};  
})

正文{
字体系列：“开放式Sans”，无衬线；
}
.flex col{
显示器：flex；
弯曲方向：立柱；
}
.弹性行{
显示器：flex；
弯曲方向：行；
}
.证明{
证明内容：中心；
}
.对齐{
对齐项目：居中；
}
.均匀地{
对正内容：空间均匀；
}
.中间{
证明内容：之间的空间；
}
.边界{
边框：1px纯黑；
}
.m-0{
保证金：0；
}
.垫片{
显示器：flex；
弯曲方向：立柱；
柔性生长：1；
}
.成长{
柔性生长：1；
}
.橙色{
颜色：橙色；
}
.bold{
字体大小：粗体；
}
.bg{
背景色：白烟；
}
.tabtitle{
字体大小：粗体；
}
塔里夫先生{
字体大小：小；
}
.介绍{
文本对齐：居中；
}
塔蒂特尔先生{
字号：中等；
}
分区h2{
字体大小：xx大号；
}
续{
显示：块；
位置：相对位置；
左侧填充：35px；
边缘底部：12px；
边缘顶部：12px；
光标：指针；
}
.cont2{
显示：块；
位置：相对位置；
左侧填充：35px；
边缘底部：12px；
边缘顶部：12px；
光标：指针；
}
.m-7{
边缘顶部：7px；
}
m-14{
利润率：14px；
填充：0px；
}
div输入{
边界半径：3px；
边框：实心1px黑色；
}
div输入：焦点{
大纲：无；
}
里奇迪先生{
文本对齐：居中；
填充：5px50px；
}
塔布科斯蒂先生{
背景色：达克朗格；
边框：实心达克朗日1px；
}
.边界{
边框：实心达克朗日1px；
}
布莱克先生{
颜色：黑色；
}
怀特先生{
颜色：白色；
}
.m-左-50{
左边距：200px；
}
.x-small{
字体大小：x-small；
}
塔布科斯蒂先生2{
边框顶部：0px；
边框：实心达克朗日1px；
}
.左边距{
左边距：20px；
}
.info{
宽度：215px；
高度：20px；
}
.info2{
宽度：75px；
高度：20px；
利润率：10px；
}
.小{
字体大小：小；
}
.unbtn{
边界：0px；
宽度：20vw；
高度：30px；
背景色：白烟；
}
.unbtn：焦点{
大纲：无；
背景色：达克朗格；
颜色：白色；
}
.隐藏{
显示：无；
}
.btn{
背景色：白烟；
边界半径：3px；
边界：无；
文字装饰：无；
柔性生长：1；
利润率：10px；
宽度：184px；
高度：40px；
}
.btn2{
背景色：达克朗格；
颜色：白色；
边界：无；
文字装饰：无；
柔性生长：1；
利润率：10px；
宽度：184px；
高度：40px；
}

阿比格里亚门托e斯卡普酒店