[解決済み] Jadeでのボタンクリック

質問

ボタンをクリックすると、javascriptの関数が実行されるようにするのが難しいのですが、以下は私のjadeファイルです。

extends layout
block content
  - var something = function() {
  -   console.log('something')
  - }

  button(onclick='#{something()}') Click

どこを間違えているのだろう？

どのように解決するのですか？

このセリフで。
button(onclick='#{something()}') Click

の値に関数の内容を貼り付けるようにJadeに指示します。 オンクリック 属性で指定します。

関数名を参照するだけです。

button(onclick='something()') Click

しかし、これはうまくいきません。なぜなら、この関数はJadeのコンパイル・ステップでしか利用できないからです。 このステップの後では、生成されたHTMLは、Jadeで定義された変数にアクセスすることができません。

JavaScriptファイルをインクルードするか、scriptタグを使用する必要があります。

script.
  var something = function() {
    console.log('something')
  }

button(onclick='something()') Click