如何建立健康酒吧

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.