调用按钮上的功能单击玉

Question

我对Jade和NodeJS非常陌生。我想做一个简单的onclick函数。 我在互联网上进行了很多搜索，但是发现的所有解决方案都无法与我一起使用 我尝试过：

script.
    function clickme() {
      alert('sss')
    }

extends layout

block content
    button(onclick='clickme()')  click 

但是，当我单击按钮时，出现错误：

  

clickme未定义       在HTMLButtonElement.onclick

我也尝试过：

var clickme = function() {
      alert('sss')
    }

有人可以帮助我吗？

我还有一个问题，如何在一个额外的javascript文件中定义所需的所有功能，并将其包含在我的玉器代码中并使用其功能？

Answer 1

您需要将脚本包含在block content中：

extends layout

block content
  button(onclick='clickme()')  click
  script.
    function clickme() {
      alert('sss')
    }

如果您想在head中使用脚本，则需要在layout.pug中为此创建另一个块。

doctype html
html
  head
    meta(charset="utf-8")
    block head
  body
    block content

然后您可以执行以下操作：

extends layout

block head
  script.
    function clickme() {
      alert('sss')
    }

block content
  button(onclick='clickme()')  click