Question

-2

How to make a health bar

rated 0 times [ 4] [ 6] / answers: 1 / hits: 23987 / 11 Years ago, fri, november 29, 2013, 12:00:00

I am trying to make my own version of a pokemon game using very simple HTML and JavaScript.

So far, I have everything covered, except the health bar. How do I make an entity in my code, that will represent a bar, and when the opposing team selects a move, the health bar goes down?

Would I use a bunch of small div's?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cartersinceren

Add To Favorites

Follow

Total Points: 442

Total Questions: 116

Total Answers: 106

Location: San Marino

Member since Thu, Jun 30, 2022

2 Years ago

cartersinceren questions

1 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'useState')

Sun, Apr 17, 22, 00:00, 2 Years ago

1 ERR! 403 when trying to publish a package to npm

Thu, Nov 5, 20, 00:00, 4 Years ago

1 Redirecting to maintenance page

Thu, Apr 16, 20, 00:00, 4 Years ago

1 record.factory is not a function error on Angular Javascript page

Fri, Mar 27, 20, 00:00, 4 Years ago

1 Uncaught TypeError: $(...).multiselect is not a function

Fri, Feb 1, 19, 00:00, 5 Years ago

View All

answered 11 Years ago hasanb · Accepted Answer

I would recommend a HTML progress bar:

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

And when they lose/gain health, do run this Javascript code:

let health = document.getElementById(health)

health.value -= 10; //Or whatever you want to do with it.