Question

我目前在jade中有一个文件，我试图制作一个表单，如果用户在填写问题的答案后单击提交按钮，则会运行JavaScript函数。但是，出于某种原因，由于某种原因，它无法在文件中找到该功能。

以下是我的Jade代码：

script(language='JavaScript').
  function checkAnswer() {
    var answer = document.getElementById('sessionID').value.toLowerCase();
      if(answer == '4') {
        console.log('Correct!');
      }
      else {
        console.log('Sorry, try again!');
      }
  }

extends ../layout

block content
  .page-header
    h3 Challenge #1
  p 2 + 2 = ?
  input(type='text', name='sessionID', value=valueID)
  input(type='button', value='Submit', onclick='checkAnswer()')

这将返回错误代码：

Uncaught ReferenceError: checkAnswer is not defined

我做错了什么？它一定是非常愚蠢的东西:(

Answer 1

在上面的人的帮助下解决了这个问题 - 即使其他人说它没有足够的帮助，这对我来说已经足够了:)。

以下是解决这个问题的方法。因为它在＆＃34;块之外＆＃34;只需将脚本移动到块中，它现在将从Jade编译为HTML。就个人而言，我还将JS移动到另一个文件，而不是在jade文件中描述函数，而是将其移动到另一个JS并将其包含在带有行的jade文件中

script(type='text/javascript' src='answers.js')

再次感谢您的帮助！

Answer 2

您需要将脚本放在某个块中，以便将其插入到生成的html文件中。

玉按钮onClick不工作

2 个答案: