Question

我目前正在开发平台游戏，我希望玩家能够选择播放器图标将使用的皮肤。（文件名在方括号[]）

中

...

要做到这一点我使用的是html文件（这将是玩家选择皮肤的gui菜单）[Skin Select.html]

<input type="button" id="Skin1" onClick="">

和一个包含PlayerIcon变量的外部.js文件，该变量全局链接到游戏中的所有级别。 [Variable.js]

var PlayerIcon = 0; //Players Icon will change depending on what value this is

...

我之前搜索过这个问题。但我不明白人们提供工作的方法。我知道你可以用jquery来完成这个，但我不理解它背后的想法。

所以，如果你回答。您是否还要告诉我我需要编辑哪些属性才能使其正常工作？提前谢谢！

（我在JavaScript方面表现不错，但我对jQuery没有任何经验）

Answer 1

文件本身不需要更改。变量PlayerIcon的值可以设置为用户选择的值。

您可以使用<select>，<option>元素，change事件来设置PlayerIcon变量的值。

let PlayerIcon = 0;

document.querySelector("select").onchange = function() {
  PlayerIcon = Number(this.value);
  console.log(PlayerIcon);
}

<select name="skin">
  <option>select a skin</option>
  <option value="1">skin 1</option>
  <option value="2">skin 2</option>
  <option value="3">skin 3</option>
</select>

使用Javascript或jQuery

1 个答案: