Javascript 单击按钮调用函数

Javascript 单击按钮调用函数,javascript,pug,Javascript,Pug,我对Jade和NodeJS很陌生。我想做一个简单的onclick函数。 我在网上搜索了很多,但我找到的所有解决方案都不适合我 我试过: 但是,当我点击按钮时,我得到一个错误: 没有定义clickme 在HTMLButtonElement.onclick 我还尝试: var clickme = function() { alert('sss') } 有人能帮我吗 我还有一个问题,我如何在一个额外的javascript文件中定义我需要的所有函数,并将其包含在我的jade代码中并

我对Jade和NodeJS很陌生。我想做一个简单的onclick函数。 我在网上搜索了很多,但我找到的所有解决方案都不适合我 我试过:

但是,当我点击按钮时,我得到一个错误:

没有定义clickme 在HTMLButtonElement.onclick

我还尝试:

var clickme = function() {
      alert('sss')
    }
有人能帮我吗


我还有一个问题,我如何在一个额外的javascript文件中定义我需要的所有函数,并将其包含在我的jade代码中并使用其函数?

您需要在
块内容中包含脚本:

extends layout

block content
  button(onclick='clickme()')  click
  script.
    function clickme() {
      alert('sss')
    }
如果您希望脚本位于
头部
,则需要在布局中为该脚本创建另一个块。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

您还可以包含任何.jade/.pug文件,因此只需将脚本保存在具有该扩展名的文件中并包含它即可。我一直这么做。这与你的按钮点击问题无关,但你应该迁移到帕格并获得最新的功能集和错误修复。啊哈,很好!事实上,它现在起作用了。我想我需要在文件的末尾打电话给它。是的,你是对的。我试过了,但是我在方块级别上加了一个,而不是在里面,这是个错误。谢谢你的帮助,祝你这个项目好运。
extends layout

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

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