用javascript编写带有单选按钮的代码，并使用if-else循环计算单利和/或复利

我被要求用javascript编写一个代码，根据输入数据在输出框中显示结果，格式应该与所附图片中显示的一样：兴趣计算器

到目前为止，我已经写下了以下代码；但是，我无法在输出框中获得结果。有人能帮忙吗。提前谢谢

函数计算（）{
{
var p=document.getElementById（“p”）.value；
var r=document.getElementById（“r”）.value；
var t=document.getElementById（“t”）.value；
var int=f.int.value；
}
如果（int==“si”）{
var sip=（p*r*t）/100
var ta=p+sip
document.getElementById（“i”）.innerHTML=sip；
document.getElementById（“a”）.innerHTML=ta；
}否则{
变量cta=p*（数学功率（（1+r/100），t））
var cmp=cta-p
document.getElementById（“i”）.innerHTML=cmp；
document.getElementById（“a”）.innerHTML=cta；
}
}

利息计算器
本金=



利率=



时间（年）=



利息类型
单利
复利



兴趣


数量

innerHTML

用于检索或更新DOM节点中可能包含子节点的内容/标记。对于

input

元素，必须使用

value

获取或设置字段的值

函数计算（）{
{
var p=document.getElementById（“p”）.value；
var r=document.getElementById（“r”）.value；
var t=document.getElementById（“t”）.value；
var int=f.int.value；
}
如果（int==“si”）{
console.log（“单利”）；
var sip=（p*r*t）/100
var ta=p+sip
document.getElementById（“i”）.value=sip；
document.getElementById（“a”）.value=ta；
}否则{
控制台日志（“复利”）；
变量cta=p*（数学功率（（1+r/100），t））
var cmp=cta-p
document.getElementById（“i”）.value=cmp；
document.getElementById（“a”）.value=cta；
}
}

利息计算器
本金=



利率=



时间（年）=



利息类型
单利
复利



兴趣


数量

用值替换innerHTML。因为输入值是使用

value

属性更新的。而且 这里的支架

{
    var p = document.getElementById("p").value;
    var r = document.getElementById("r").value;
    var t = document.getElementById("t").value;
    var int = f.int.value;
  }

不需要

函数计算（）{
var p=document.getElementById（“p”）.value；
var r=document.getElementById（“r”）.value；
var t=document.getElementById（“t”）.value；
var int=f.int.value；
如果（int==“si”）{
var sip=（p*r*t）/100
var ta=p+sip
document.getElementById（“i”）.value=sip；
document.getElementById（“a”）.value=ta；
}否则{
变量cta=p*（数学功率（（1+r/100），t））
var cmp=cta-p
document.getElementById（“i”）.value=cmp；
document.getElementById（“a”）.value=cta；
}
}

利息计算器
本金=



利率=



时间（年）=



利息类型
单利
复利



兴趣


数量

谢谢；结果正在显现。然而，另一个bug浮出水面，无论我使用哪个单选按钮，结果都是一样的，只对复利进行计算（意味着只有else逻辑部分被激活）。任何解决方案都将不胜感激。它奏效了，结果正在显现。然而，不管选择了哪个单选按钮，似乎只有逻辑的“else”部分被激活。有什么解决办法吗？再次感谢。我无法复制你的问题。我添加了两个用于调试的

console.log（）

，如您所见，根据您选择的单选按钮，输出与预期一致。当然，您必须选择其中一个，否则将返回到else状态。非常感谢。我现在解决了。我在if/else条件中使用了单选按钮的checked属性。我还对单选按钮的“名称”和“id”使用了唯一标识。这就解决了，非常感谢你的投入。