用于计算的JavaScript函数不起作用？

这是我的html输入字段

<input type="number" id="t1">
<br /> 
<button type="button" onclick="getvalue()">calculate</button>
<br />
<div id="l1">change<div>

计算


改变

这是我的剧本

<script>
function getvalue() {
  var l = document.getElementById('l1');
  var c = document.getElementById('t1').value;
  var lc = c + 200;
  var tax =  2.1;
  var tot = lc * tax;
  l.innerHTML=tot;
}
</script>

函数getvalue（）{
var l=document.getElementById（'l1'）；
var c=document.getElementById（'t1'）。值；
var lc=c+200；
风险价值税=2.1；
var tot=信用证*税；
l、 innerHTML=tot；
}

在文本框中输入10，结果是441，这是计算10+200=210 那么210*2.1=441

但在文本框中，我输入10，然后单击按钮，得到21420

问题是

var lc=c+200这是不正确的计算在这里它的工作10200

我也尝试了这个方法
varx=200
var lc=c+x这也是我得到的10200我怎么能修复这个
 即使输入的类型是
number
，但实际上该值的类型是string。这就是为什么字符串连接正在发生

您可以使用运算符检查值的类型

要执行预期的算术运算，必须将值转换为数字

请注意：在处理纯文本内容时，最好使用
innerHTML

var c = Number(document.getElementById('t1').value);


函数getvalue（）{
var l=document.getElementById（'l1'）；
var c=document.getElementById（'t1'）。值；
console.log（typeof（c））；//字符串
var lc=数量（c）+200；
风险价值税=2.1；
var tot=信用证*税；
l、 textContent=tot；
}


计算

更改
输入编号
中值的类型
为
字符串


var val=document.getElementById（'t1'）.value；
控制台日志（val类型）
如果要组合字符串，需要将它们转换为整数。如果不是整数，则需要将它们转换为数字。使用
Number（…）
parseFloat（c）+200
或
parseInt（c）+200
值为string您不认为右括号应该在.value之后吗？未定义的var c=Number（document.getElementById（'t1'））.value；l、 innerHTML=lc；未定义的errorthz var c=Number（document.getElementById（'t1'）.value）；现在没事了