Random damage generator

Hey Joseph,

I made up a little version of your game for you at this codepen: http://codepen.io/anon/pen/KpaBdM?editors=101. I noted in the JavaScript, but I'll say it here too: this shouldn't be considered a final version of any code and can be greatly optimized. It is, however, great for learning the logic behind rolls for games because of its stark simplicity.

If you notice, some things I did was instead of telling the user that they hit a critical, you can express that through words. A regular hit just has some kind of generic text whereas the critical hit has a special text where something mystical happened while hitting the monster. i.e. If your second hit was regular, the text will display like this: "You swing your sword a second time and hit the monster with 140 damage!". But, if you happen to be able to hit a critical, it will instead say something like this: "You swing your sword the second time and the heavens shook from your fury! You hit the monster with 580 damage!" Even though I didn't expressly say you hit a critical, you know you did because your damage was so much and that text felt special. It's boring to just say that the user hit a critical. Be sure to flavor it up :)

Math.random() rolls

It would take me an hour to fill this answer box up with how to use random rolls and things like that. I'll give you the basics, though.

Math.random() never takes an argument inside its parenthesis. You always manipulate Math.random() by using operations with it. Math.random() generates a number from 0 - 0.9999 although those two values are rare themselves.

In order to truly get a grasp on Math.random(), you'll want to make up some numbers and do the math yourself, maybe on a sheet of paper so you can see how the minimum and maximum possible values work. But here are the basics to that:

Use Math.floor() to surround your rolls so that you get an integer value. This is the formula you can use to achieve the desired range of rolls:

Math.floor(Math.random() * (maximumRoll - minimumRoll + 1))  + minimumRoll;

Where maximumRoll is the maximum number you want to be able to roll and minimumRoll is the minimum number you wish to be able to roll.

For example, in the game I linked you to, the maximum critical damage is 700 and the base damage is 300. So a critical hit should probably hit somewhere in between that range of 300 - 700. So, my maximumRoll here is 700 (aka the variable critical in the game) and my minimumRoll is 300 (aka damage in the game).

This is really something you have to play around with and really focus on to understand. It would take way too long to try to explain every single detail, but I learned by messing around with the code and doing the math myself.

I hope that helps!