javascript - 将提示存储为对象值

Question

我正在制作一款游戏，当你点击按钮时，它会与怪物战斗，伤害方程式基于玩家和怪物的统计数据。我曾帮助让怪物的对象在等式中工作，但我不知道如何让 Player 对象正常工作，因为它没有作为选择选项存储。这是我之前发的帖子，如果你先看这里的答案会更容易理解我的代码Other Post

Here is my current fiddle

我需要能够提示用户输入他们的用户名，但仍然在等式中使用他们的统计数据。

function Player(username, lvl, exp, gold, hp, atk, def, spd) {
    var self = this;
    this.username = username;
    this.lvl = lvl;
    this.exp = exp;
    this.gold = gold;
    this.hp = hp;
    this.atk = atk;
    this.def = def;
    this.spd = spd;
    this.implement = function() {
        var h1 = document.getElementById('user');
        h1.innerText = this.username;
        h1.addClass('playerName');
        $(h1).data('player', self)
    }
    this.implement();
}
var newPlayer = new Player(prompt("What is your username?"), 1, 0, 0, 10, 2, 2, 2);
playerEl = $('.playerName');
player = playerEl.data('player');

Answer 1

您在添加类时出错 playerName , h1是一个没有 addClass 的 dom 元素引用方法。

既然你有 jQuery，你就可以使用

  this.implement = function() {
    $('#user').text(this.username).addClass('playerName').data('player', this)
  }