通过它创建按钮和启动功能

时间:2018-03-23 12:48:50

标签: javascript button

一切都应该很容易,但由于某些原因它对我不起作用,请帮忙!

TYPER.prototype = {
  init: function () {
    this.canvas = document.getElementsByTagName('canvas')[0]
    this.ctx = this.canvas.getContext('2d')

    this.canvas.style.width = this.WIDTH + 'px'
    this.canvas.style.height = this.HEIGHT + 'px'

    this.canvas.width = this.WIDTH * 2
    this.canvas.height = this.HEIGHT * 2

    let button = document.createElement("button")
    button.innerHTML = "Start!!!"

    let body = document.getElementsByTagName("body")[0]
    body.appendChild(button);

    button.addEventListener ("click", this.startPage())


  },...
  startPage: function () {
     button.style.display = "block"
    this.loadWords()
   },

我正在尝试在页面启动时在页面上创建一个按钮。按下该按钮后,功能应该开始。对我不起作用。据我所知,浏览器在按下按钮时什么都不做,尝试提醒它 - 什么也没发生。

1 个答案:

答案 0 :(得分:0)

欢迎来到SO!您应该创建可运行的示例。这样可以更轻松地帮助您。同时删除不相关的代码。我通过做出一些假设来帮助你做到这一点。

我在这里看到的主要问题是你实际上是调用一个函数而不是传递一个函数。看起来你正在使用ES6风格。我退回到ES5风格只是因为它的另一层复杂性似乎不是这个问题所必需的。



resample