如何制作健康酒吧

How to make a health bar

本文关键字：酒吧 健康 何制作      更新时间：2023-11-28

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

到目前为止，除了健康酒吧，我什么都有。我如何在代码中创建一个实体，它将代表一个条，当对方球队选择移动时，健康条就会下降？

我会用一堆小div吗？

我推荐一个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.

您可以尝试Bootstrap的进度条组件。

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

相关文章：