Coffeescript 咖啡脚本格式

我尝试使用以下代码从两个输入中获取变量，并使用Coffeescript将它们添加到一起，如下所示：

这是HTML

<form action="" method="GET">
    <input type="text" name="input1" value="2">
    <input type="text" name="input2" value="3">
    <input type="button" name="button" value="Equals" onClick="math(this.form)">
    <span id="result" />
</form> 

但是，它不会在页面上输出任何内容。当我点击按钮时，控制台告诉我没有定义“数学”（在html代码的第四行）_

你们知道这里出了什么问题吗

window.math = (form) ->
    input1 = form.input1.value
    input2 = form.input2.value
    document.getElementById("result").innerHTML = parseInt(input1, 10) + parseInt(input2, 10)

Coffeescript具有固有的范围。 默认情况下，它使math成为包装器中的局部变量，因此您需要显式定义window.math才能从网页的其余部分访问它

---

当您使用某种javascript选择器引擎时，Coffeescript确实更好，无论是本机的还是jQuery的，等等。

编译后的版本是什么样子的？

window.math = (form) ->
    input1 = form.input1.value
    input2 = form.input2.value
    document.getElementById("result").innerHTML = parseInt(input1, 10) + parseInt(input2, 10)