JavaScript 代码没问题，但网页预览只显示我的 html 工作

Question

我有一个类(class)作业，要使用 javascript 创建一个简单的网页。我已经三重和四重检查了代码，它似乎写得很完美；但是，当我去预览它时，它只显示我页面的标题。

这是我正在处理的代码。我知道这很简单，但老实说我无法弄清楚它有什么问题。如果有人能帮助我，我将不胜感激。

'use strict';

var game = new Phaser.Game(1024, 600, Phaser.AUTO, 'game', {preload: preload, create: create, update: update, render: render});

    var: background;
    var: Home1;
    var: home2;
    var: home3;
    var: home5; 
    var: home6;
    var: moose;


    var: text;
    var: textStyle;
    var: textHolder;


    function preload() {    
     game.load.image("background","HomePics/flowerhome.png");   
     game.load.image("Home1","HomePics/Home1.jpg");
     game.load.image("home2","HomePics/home2.jpg");
     game.load.image("home3","HomePics/home3.jpg");
     game.load.image("home5","HomePics/home5.jpeg");
     game.load.image("home6","HomePics/home6.jpg");
     game.load.image("moose","HomePics/icon_moose.png");    
}

function create() {     

    background = game.add.sprite(0, 0, "background");
    Home1 = game.add.sprite(200, 200, "Home1");
    home2 = game.add.sprite(200, 600, "home2");
    home3 = game.add.sprite(200, 600, "home3");
    home5 = game.add.sprite(400, 600, "home5");
    home6 = game.add.sprite(500, 375, "home6");
    moose = game.add.sprite(200, 200, "moose");    

    text = "it's waiting for you"
    textSyle = {font: "40px Roboto", fill: "#ff5d5d", align: "center"};
    textHolder = game.add.text(0,0, text, textStyle);
}

function update() { 

    moose.x = game.input.activePointer.x;
    moose.y = game.input.activePointer.y;   

}

function render() {     

}

Answer 1

使用http://jshint.com/当您不想手动查找语法错误时检查语法错误，或者如 Lister 先生所述，检查浏览器开发人员工具中的控制台。如果开发工具没有显示任何内容，那么由于某种原因，您的代码根本没有被执行。

例如，变量声明是不带冒号的:

var background;

代替

var: background;

您也可能从中受益 debugging guide如果你还没有，请learn to use the developer tools你的浏览器有。