Javascript HTML范围滑块操作

我试图制作一个贷款计算器，通过使两个范围滑块相互作用，然后在标签中显示每月付款，这是两个要求：

• 在“月”范围滑块上仅显示5个值：12、18、24、30、36个月（由Alexander Solonik解决）
• 计算75%的利息（自己解决）

好的，代码是这样演变的：

函数showpay（）{
var princ=document.calc.loan.value；
var期限=document.calc.months.value；
var intr=（75/1200）*1.16；/*必须包括税款，具体取决于您所在的国家，在我的情况下为16%*/
var-auxterm=0；
开关（术语）{
案例“1”：auxterm=12；中断；
案例“2”：auxterm=18；中断；
案例“3”：auxterm=24；中断；
案例“4”：auxterm=30；中断；
案例“5”：auxterm=36；中断；
}
document.calc.pay.value=Math.round（（princ*1000）*intr/（1-（Math.pow（1/（1+intr），auxterm））；
//付款=本金*月利息/（1-（1/（1+月利息）*个月）
}
你需要多少钱？
从2000美元借款到80000美元



$000

var slider=document.getElementById（“myRange”）；
var输出=document.getElementById（“演示”）；
output.innerHTML=slider.value；
slider.oninput=function（）{output.innerHTML=this.value；}
您想在几个月内付款？
从12个月到36个月。


月

var result=document.getElementById（'result'），input=document.getElementById（'input'））
var arr=[12,18,24,30,36]
input.oninput=function（）{result.innerHTML=arr[this.value-1]}
input.oninput（）
月付

您有一个输入错误，它的

滑块

不是

滑块

第22行改为

slider.oninput=function（）{output.innerHTML=this.value；}

并且该值不可见，因为您在

p

标记中应用了CSS颜色值white。也将其更改为

---

月数

对于只能在范围滑块中选择的特定值，您可以执行以下操作

var result=document.getElementById（'result'），
input=document.getElementById（'input'）
var arr=[12,18,24,30,36]
input.oninput=函数（）{
result.innerHTML=arr[this.value-1]
}
input.oninput（）

哦，很抱歉，粘贴到此处发布问题时出现了“lider”错误，而且颜色：白色属性也不是问题，因为背景颜色是深色的blue@Marth如果您的问题得到了回答，请接受答案；）我是说，是的，但那是第二个问题，第一个问题仍然没有解决：(