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

时间:2016-04-12 14:36:42

标签: javascript coffeescript getelementbyid

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

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

使用coffeescript尝试制作一本小型游戏书进行练习。我已经遇到麻烦......我似乎无法使用此按钮工作,也不知道我做错了什么。我的代码创建了“开始”文本就好了,但是当它被点击时没有任何反应。控制台日志没有抛出任何错误......

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

这是我的codepen来查看已编译的javascript。我不认为这是一个coffeescript错误...

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

正如Ismael Miguel所说,当您点击“开始”时,文字无法打印,因为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?')