Javascript 如何操作表单中的值

我从表单中的用户那里获取值，并使用用户在表单中输入的值在新变量中进行计算，但我无法找出代码不起作用的原因

函数单击（）{
var l=document.getElementById（'l'）；
var b=document.getElementById（'b'）；
var a=document.getElementById（'area'）；
var面积=l.值*b.值；
a、 innerHTML=“ans是”+区域；
}

三角形的长度：




三角形底





单击：

问题在于内联处理程序有一个作用域链。它们被两个

包围，其中一个用于文档，另一个用于内联处理程序所在的元素。例如，与

<button id="button" onclick="<<CODE HERE>>">

事实上，我使用addevent listner已经很长时间了，但是我想通过onclick daymn来实现它，这是一个很小的错误，我只需要更改函数的名称。感谢您提供的解决方案，养成强烈倾向于避免内联处理程序的习惯将是一个好主意。他们有太多的问题。当一个答案解决了你的问题时，你可以考虑把它标记为接受（检查左边的复选框）以表明问题得到解决：
with (document) {
  with (button) {
    <<CODE HERE>>
  }
}