Coffeescript 创建一个按钮，单击时创建文本

Question

window.onload = ->
  document.write ('<h1 id="begin">Begin</h1>')

  document.getElementById("begin").onClick = -> 
    document.write ('Do you go left or right?')

使用coffeescript尝试制作一个小游戏本练习。我已经遇到麻烦了......我似乎无法让这个按钮工作并且不知道我做错了什么。我的代码可以很好地创建 "begin" 文本，但是单击它时什么也没有发生。控制台日志没有抛出任何错误...

http://codepen.io/bryanwillis7/pen/WwMPaw

这是我的codepen，可以看到编译后的javascript。我不认为这是一个 coffeescript 错误...

Answer 1

试试这个：

  document.getElementById("begin").addEventListener "click", () => document.write ('Do you go left or right?')

Answer 2

正如 Ismael Miguel 所说，当您单击 'Begin' 时，文本不会打印，因为 document.getElementById("begin").onClick 应该是 document.getElementById("begin").onclick：

window.onload = ->
  document.write ('<h1 id="begin">Begin</h1>')

  document.getElementById("begin").onclick = -> 
  document.write ('Do you go left or right?')

Coffeescript 创建一个按钮，单击时创建文本

Coffeescript creating a button that creates text when clicked

javascript

getelementbyid

coffeescript