如何制作健康棒答案

【问题标题】：How to make a health bar如何制作健康棒
【发布时间】：2013-12-15 03:16:13
【问题描述】：

我正在尝试使用非常简单的 HTML 和 JavaScript 制作我自己的口袋妖怪游戏版本。

到目前为止，我已经涵盖了所有内容，除了健康栏。如何在我的代码中创建一个实体，它将代表一个条，并且当对方球队选择一个移动时，健康条会下降？

我会用一堆小的 div 吗？

【问题讨论】：

【解决方案1】：

你可以试试Bootstrap's progress bar component。

【讨论】：

【解决方案2】：

我会推荐一个 HTML 进度条：

<progress id="health" value="100" max="100"></progress>

当他们失去/恢复健康时，请运行以下 Javascript 代码：

let health = document.getElementById("health")
health.value -= 10; //Or whatever you want to do with it.

【讨论】：

【解决方案3】：

我也在使用 nodejs 纯 js 和很多库开发游戏，我建议您使用百分比，因为栏会覆盖内容

【讨论】：

简单的答案可能没有帮助。你能发布一些示例代码吗？
当然，您可以将跨度添加为 ex:( 100% ) 然后只需在 js 中启动操作：
hp = document .getElementById("健康").innerHTML;伤害 = hp - 15； document.getElementById("health").innerHTML = 损坏；这就是你如何使用 100 点生命值将伤害付诸行动