如何建立健康酒吧

Question

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

到目前为止，我已经涵盖了所有内容，但健康栏除外。如何在我的代码中创建一个代表一个条形的实体，当对方团队选择一个移动时，健康栏就会崩溃？

我会使用一堆小div吗？

Answer 1

我建议使用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.

Answer 2

您可以尝试Bootstrap's progress bar component。

Answer 3

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