使用html和JavaScript倍增用户输入

使用html和JavaScript倍增用户输入,javascript,html,Javascript,Html,我是noob第一次发帖。我正在创建一个类阿片计算器,将不同剂量的类阿片转换为标准剂量。我熟悉html,一直在学习C#的OOP。第一次使用Javascript。我尝试了许多方法,但无法让“calculate(x)”函数将值返回到指定的元素。当用户更改与ID=“r2”关联的文本(onchange事件)时,应调用该函数。该值应显示在带有Id=“MED bup tab”的元素中。转换系数在onchange=“calculate(30)”事件中给出。如有任何建议,我们将不胜感激 以下是我所拥有的: 函数

我是noob第一次发帖。我正在创建一个类阿片计算器,将不同剂量的类阿片转换为标准剂量。我熟悉html,一直在学习C#的OOP。第一次使用Javascript。我尝试了许多方法,但无法让“calculate(x)”函数将值返回到指定的元素。当用户更改与
ID=“r2”
关联的文本(onchange事件)时,应调用该函数。该值应显示在带有
Id=“MED bup tab”
的元素中。转换系数在
onchange=“calculate(30)”事件中给出。如有任何建议,我们将不胜感激

以下是我所拥有的:

函数计算(x){
var my1=x;
var my2=document.getElementById('r2')。值;
document.getElementById('MED-bup-tab')。innerTHTML=parseInt(my1)*parseInt(my2);
}
表格{
字体系列:arial,无衬线;
边界塌陷:塌陷;
宽度:100%;
}
运输署,
th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:8px;
}
.tg{
边界塌陷:塌陷;
边界间距:0;
}
.tg td{
字体系列:Arial,无衬线;
字体大小:7px;
填充物:5px2.5px;
边框样式:实心;
边框宽度:1px;
溢出:隐藏;
断字:正常;
边框颜色:黑色;
}
.tg th{
字体系列:Arial,无衬线;
字体大小:7px;
字体重量:正常;
填充物:5px2.5px;
边框样式:实心;
边框宽度:1px;
溢出:隐藏;
断字:正常;
边框颜色:黑色;
}
.tg.tg-yw4l{
垂直对齐:顶部
}

药物治疗
日剂量(mg)
基础教学法硕士
药物治疗
日剂量(mg)
基础教学法硕士

问题如下:

  document.getElementById('MED-bup-tab').innerTHTML = parseInt(my1) * parseInt(my2);
使用
.value
代替
.innerTHTML
。它会起作用的

以下是工作示例:


桌子{
字体系列:arial,无衬线;
边界塌陷:塌陷;
宽度:100%;
}
td,th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:8px;
}
.tg{边框折叠:折叠;边框间距:0;}
.tg td{字体系列:Arial,无衬线;字体大小:7px;填充:5px 2.5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑色;}
.tg th{字体系列:Arial,无衬线;字体大小:7px;字体重量:正常;填充:5px 2.5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑色;}
.tg.tg-yw4l{垂直对齐:顶部}
药物治疗
日剂量(mg)
基础教学法硕士
药物治疗
日剂量(mg)
基础教学法硕士

谢谢工作得很好。非常感谢。