Javascript 如何根据用户的输入更改模式的内容

因此，我一直在试图找到一种方法来显示调查问卷的结果，我尝试使用一个看起来比一个警报按钮更好的模式，它应该根据用户在调查问卷中的输入显示不同的信息。我创建了一些函数，它们返回我想在模态中显示的值，但我不知道如何将它们合并到模态内容中。我不知道这是否可行，如果不可行，您会建议用什么其他方法向用户显示信息

函数fn1（）{
var得分=2.5；
var bmi1=document.getElementById（“bmi1”）；
var bmi2=document.getElementById（“bmi2”）；
var bmi3=document.getElementById（“bmi3”）；
var contraNo=document.getElementById（“contraNo”）；
var contraOral=document.getElementById（“contraOral”）；
var contraIud=document.getElementById（“contraIud”）；
var hrtNo=document.getElementById（“hrtNo”）；
var hrtConti=document.getElementById（“hrtConti”）；
var hrtNon=document.getElementById（“hrtNon”）；
var diabYes=document.getElementById（“diabYes”）；
var diabNo=document.getElementById（“diabNo”）；
var pcosYes=document.getElementById（“pcosYes”）；
var pcosNo=document.getElementById（“pcosNo”）；
var nulliparity=document.getElementById（“nulliparity”）；
var parOver1=document.getElementById（“parOver1”）；
如果（bmi1.checked==true）
分数=分数+0；
else if（bmi2.checked==true）
分数=分数+1.85；
else if（bmi3.checked==true）
分数=分数+4.675；
else if（bmi4.checked==true）
分数=分数+6.175；
如果（对照号选中==真）
分数=分数+0；
else if（对立面检查==真）
得分=得分-0.8；
else if（contraIud.checked==true）
分数=分数-1.2；
if（hrtNo.checked==true）
分数=分数+0；
else if（hrtConti.checked==true）
分数=分数-0.675；
else if（hrtNon.checked==true）
分数=分数+0.5；
如果（diabYes.checked==true）
分数=分数+1.375；
else if（diabNo.checked==true）
分数=分数+0；
如果（pcosYes.checked==true）
分数=分数+3.75；
else if（pcosNo.checked==true）
分数=分数+0；
if（未产妇。检查==真）
分数=分数+1.075；
else if（parOver1.checked==true）
得分=得分-0.8；
变量百分比=数学四舍五入（（分数*100）/100）；
返回分数；
}
功能类别（）{
var result1=fn1（）；
let类；
如果（结果1>=1&&result1 3.5&&result1 6.5）
类别=“高”；
//警惕（“您的风险类别为中等”）；
退货类别；
}
/*函数displayResult（）{
设category1=category（）；
var result=fn1（）；
警报（结果）；
警报（类别1）；
返回false；
}*/
document.getElementById（“btn1”）.addEventListener（“单击”，
函数（）{
document.querySelector（“.bg modal”）.style.display='flex'；
});
document.querySelector（'.close'）。addEventListener（'click'，
函数（）{
document.querySelector（“.bg modal”）.style.display='none'；
});
//将函数fn1（）和category（）合并到模式中

.bg模式{
宽度：500px；
高度：300px；
背景色：rgba（0,0,0,0.3）；
位置：绝对位置；
顶部：250px；
右：50%；
左：50%；
转换：翻译（-50%，-50%）；
显示器：flex；
证明内容：中心；
对齐项目：居中；
显示：无；
}
.模态内容{
宽度：500px；
高度：300px；
背景色：天蓝色；
边界半径：10px；
文本对齐：居中；
填充：20px；
位置：相对位置；
}
.结束{
位置：绝对位置；
排名：0；
右：14px；
字号：38px；
变换：旋转（45度）；
光标：指针；
}

子宫内膜癌预测因子
你的体重指数是多少？
小于25

25至29岁

30至39岁

四十多岁
你采取避孕措施吗？
否

口服避孕药

宫内节育器
你接受HRT吗？
否

连续的

非连续
你患有2型糖尿病吗？
是

不
你患有多囊卵巢综合征吗？
是

不
你们的平价是多少？
0

+1




提交
+

这并不漂亮，但它向您展示了如何从函数中获取值并在模式中显示它们

函数fn1（）
{
var得分=2.5；
var bmi1=document.getElementById（“bmi1”）；
var bmi2=document.getElementById（“bmi2”）；
var bmi3=document.getElementById（“bmi3”）；
var contraNo=document.getElementById（“contraNo”）；
var contraOral=document.getElementById（“contraOral”）；
var contraIud=document.getElementById（“contraIud”）；
var hrtNo=document.getElementById（“hrtNo”）；
var hrtConti=document.getElementById（“hrtConti”）；
var hrtNon=document.getElementById（“hrtNon”）；
var diabYes=document.getElementById（“diabYes”）；
var diabNo=document.getElementById（“diabNo”）；
var pcosYes=document.getElementById（“pcosYes”）；
var pcosNo=document.getElementById（“pcosNo”）；
var nulliparity=document.getElementById（“nulliparity”）；
var parOver1=document.getElementById（“parOver1”）；
如果（bmi1.checked==true）
分数=分数+0；
else if（bmi2.checked==true）
分数=分数+1.85；
else if（bmi3.checked==true）
分数=分数+4.675；
else if（bmi4.checked==true）
分数=分数+6.175；
如果（对照号选中==真）
分数=分数+0；
else if（对立面检查==true）
得分=得分-0.8；
else if（对照检查==真）
得分=得分-1.2；
if（hrtNo.checked==true）
分数=分数+0；
else if（hrtConti.checked==true）
得分=得分-0.675；
else if（hrtNon.checked==true）
分数=分数+0.5；
如果（是。选中==真）
分数=分数+1.375；
else if（diabNo.checked==true）
分数=分数+0；
如果（pcosYes.checked==true）
分数=分数+3.75；
else if（pcosNo.checked==true）
分数=分数+0；
if（未产妇.ch）