Кофейная форма

Question

Я пытаюсь использовать следующий код, чтобы получить переменные из двух входов и сложить их вместе, используя 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> 

И javascript ...

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

Однако на странице ничего не выводится.Когда я нажимаю кнопку, консоль сообщает, что «математика» не определена (в четвертой строке html-кода). _

Ребята, вы знаете, что здесь происходит не так?

Answer 1

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 для доступа к нему с остальной части веб-страницы.

Coffeescript действительно лучше, когда вы используете какой-то javascriptСелекторный движок, родной или jQuery и т. д.