Javascript html css js数学输出

我不是JS方面的专家，所以也许这个问题的答案非常简单，我不知道

我有一个9按钮的网格，一个有9个单选输入的网格和另一个5个单选输入的网格。这个元素中的每一个元素都需要做一些数学运算，以便在页面上显示人们选择这种格式（如重量、长度等）的花费

我有3个不同的点，我应该看到一个输出与价格，我有一个excel，我可以看到我应该把价格，但我不知道如何创建这样一个函数。函数应该是这样的：如果选择第一个按钮、第三个单选类型和第二个单选类型，给定它们的所有值和数学公式，则价格为€x

正文{
字体系列：“开放式Sans”，无衬线；
}
.flex col{
显示器：flex；
弯曲方向：立柱；
}
.弹性行{
显示器：flex；
弯曲方向：行；
}
.证明{
证明内容：中心；
}
.对齐{
对齐项目：居中；
}
.均匀地{
对正内容：空间均匀；
}
.中间{
证明内容：之间的空间；
}
.边界{
边框：1px纯黑；
}
.m-0{
保证金：0；
}
.垫片{
显示器：flex；
弯曲方向：立柱；
柔性生长：1；
}
.成长{
柔性生长：1；
}
.橙色{
颜色：橙色；
}
.bold{
字体大小：粗体；
}
.bg{
背景色：白烟；
}
.tabtitle{
字体大小：粗体；
}
塔里夫先生{
字体大小：小；
}
.介绍{
文本对齐：居中；
}
塔蒂特尔先生{
字号：中等；
}
分区h2{
字体大小：xx大号；
}
续{
显示：块；
位置：相对位置；
左侧填充：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；
高度：30px；
}
.btn2{
背景色：达克朗格；
颜色：白色；
边界：无；
文字装饰：无；
柔性生长：1；
利润率：10px；
高度：30px；
}

阿比格里亚门托e斯卡普酒店
宠物与食品
自由节奏运动
电子信息
库奇纳之家酒店
汽车发动机
餐饮
贝列扎礼炮
阿尔特罗
布斯塔35x25x3
布斯塔39x31x5
斯卡托拉27x16x10
斯卡托拉24x15x17
Scatola 37x28x8
斯卡托拉44x30x9
斯卡托拉61x46x40
斯卡托拉51x36x12
斯卡托拉59x38x32
0-1公斤
3-5公斤
1-2公斤
5-10公斤
2-3公斤
塔里法·迪·格斯特奥尼

塔里法酒店

斯塔卡乔塔里法酒店

€
欧元

缅甸欧元

意大利斯佩迪齐昂3,12欧元
欧洲石油公司6,70欧元
全球6,70欧元spedizione*ZONA 6