Javascript 我的代码没有'；在Meteor中不能正常工作，但在JS小提琴上工作_Javascript_Meteor

Javascript 我的代码没有'；在Meteor中不能正常工作，但在JS小提琴上工作

javascript meteor

Javascript 我的代码没有'；在Meteor中不能正常工作，但在JS小提琴上工作,javascript,meteor,Javascript,Meteor,我一直在试图弄清楚为什么Meteor不让我测试我的按钮，但JSFIDLE会。我在终端中使用Meteor命令运行代码，它打开时好像运行正常，我输入文本，但它不会生成列表项。当我复制代码并将其粘贴到js FIDLE上时，效果很好我对编码是新手，我对meteor的经验很少，所以我确信我错过了一些东西，它阻碍了其他一切的进展健康点击我！函数按钮单击（）{ var myText=document.getElementById（'myText'）； var inputtext=document.

我一直在试图弄清楚为什么Meteor不让我测试我的按钮，但JSFIDLE会。我在终端中使用Meteor命令运行代码，它打开时好像运行正常，我输入文本，但它不会生成列表项。当我复制代码并将其粘贴到js FIDLE上时，效果很好

我对编码是新手，我对meteor的经验很少，所以我确信我错过了一些东西，它阻碍了其他一切的进展


健康
点击我！

函数按钮单击（）{
var myText=document.getElementById（'myText'）；
var inputtext=document.getElementById（'inputtext'）。值；
myText.innerHTML+=“”+inputtext+””；
}

我知道我并没有按照预期的方式使用meteor，但我只是还没有达到那个水平，我想熟悉API并使用它进行测试。我只想让我的按钮在使用Meteor时，像在JS fiddle上那样工作（并了解如何工作）。有人能帮我解决这个问题吗

附言：我正在努力提高在这个网站上提问的能力，因此，除了我的问题之外，任何关于这个问题的帮助都将不胜感激。多谢各位

这与meteor无关，但您可以将函数包装在脚本标记中，如下所示：

<script>
function buttonClicked() {
var myText = document.getElementById('myText');
var inputtext = document.getElementById('inputtext').value  ;
    myText.innerHTML += "<li>"+inputtext+"</li>";
}
</script>


函数按钮单击（）{
var myText=document.getElementById（'myText'）；
var inputtext=document.getElementById（'inputtext'）。值；
myText.innerHTML+=“”+inputtext+””；
}

即使不使用meteor，也应该允许javascript正常工作。

Brendan

您需要做的是将HTML放入.HTML文件中的模板中，如下所示：

<body>
  {{brendansTemplate}}
</body>

<template name="brendansTemplate">
    <div class=category1>
      <h1>Wellness</h1>
      <input type="text" id = "inputtext">
      <button id="btnBrendan">Click Me!</button>
      <ul id="myText"></ul>
    </div>
</template>


{{brendansTemplate}
健康
点击我！

…然后在相应的*.js文件中创建：

Template.brendansTemplate.events({
  'click #btnBrendan': function() {
      var myText = document.getElementById('myText');
      var inputtext = document.getElementById('inputtext').value  ;
      myText.innerHTML += "<li>"+inputtext+"</li>";       }
});

Template.brendansTemplate.events({
“单击#btnBrendan”：函数（）{
var myText=document.getElementById（'myText'）；
var inputtext=document.getElementById（'inputtext'）。值；
myText.innerHTML+=“”+inputtext+“”；}
});

我建议你阅读一些流星信息。享受学习Meteor的乐趣-我认为这是一个很棒的框架。

一种更为快速的方式：

html

将html包装在模板中。Meteor将自行提供

和

部分

<template name="myTemplate>
  <div class=category1>
    <h1>Wellness</h1>
    <input type="text" id="inputtext">
    <button>Click Me!</button>
    <ul id="myText"></ul>
  </div>
</template>

该代码中没有与meteor相关的内容。我对所需的行为以及您遇到的问题或错误感到有点困惑。介意展示一下如何在HTML中包含JS吗？控制台是否给出了如下内容：按钮单击未定义
？我也不是流星专家，但您的js需要正确确定范围。你的文件结构是什么样的？此外，您是否在像Template.templateName.events（{}）一样包装js我没有在模板中包装任何东西。我对编码非常陌生，我知道很多，无法告诉你还有多少，虽然这是一个很好的解释Blake，这肯定涉及Meteor。这真的不是一个合适的答案。
<template name="myTemplate>
  <div class=category1>
    <h1>Wellness</h1>
    <input type="text" id="inputtext">
    <button>Click Me!</button>
    <ul id="myText"></ul>
  </div>
</template>

Template.myTemplate.events({
  'click button': function(ev){
    var myText = document.getElementById('myText');
    var inputtext = document.getElementById('inputtext').value;
    myText.innerHTML += "<li>"+inputtext+"</li>";
  }
});