Inconvenience Changing a Buttons Text in Javascript

Question

I am making a store in my Javascript Browser Game, I am I trying to change the text of a button every time I press it. I starts out as "Powerup (*** Points)" Or something like that, and the points increase each time I click on it, so the gameplay is balanced, but fun...

I want to change the buttons text to show the points, my code is:

document.getElementById("X10Thing").innerHTML = 'Buy X2 (10 Points)'
function buyX2() {
  if (derp > X2Cost) {
   Times1 = Times1 + 1;
   derp = derp - (X2Cost + 1);
   X2Cost = X2Cost + round((X2Cost / Times1));
   X2Cost2 = X2Cost + 1;
                        //This is the main problem//
   document.getElementById("X10Thing").innerHTML = 'Buy X2 (' + X2Cost2 + ' Points)'
  }
  }

<button type="button" onclick="buyX2()" id="X10Thing"></button>

And, when I have enough Derps (I haven't found a good name for the currency...) The button doesn't change, at all, or it will become a little button. Please Help...

I don't know JQuery, but I could learn, but for now, not that I know of. — Mario1luigi9, Mar 23 '15 at 21:35
Alright we'll just assume no Jquery then. Where is derp defined? — EyeOfTheHawks, Mar 23 '15 at 21:38
At the beginning of the code...This is 162 Lines into the code. — Mario1luigi9, Mar 23 '15 at 21:40
http://stackoverflow.com/questions/10671174/changing-button-text-onclick — Yatrix, Mar 23 '15 at 21:48
@Mario1luigi9 Attempting to make a js fiddle with the provided code, the function buyX2 wasnt even being called. Check this to ensure you arent having the same issues http://stackoverflow.com/questions/15171008/onclick-not-working-with-button — EyeOfTheHawks, Mar 23 '15 at 21:51

score 0 · Answer 1 · answered Mar 23 '15 at 21:42

try using Math.round rather than just round.

document.getElementById("X10Thing").innerHTML = 'Buy X2 (10 Points)';

var derp = 10;
var X2Cost = 1;
var Times1 = 1;

function buyX2() {
    if (derp > X2Cost) {
        Times1 = Times1 + 1;
        derp = derp - (X2Cost + 1);
        X2Cost = X2Cost + Math.round((X2Cost / Times1));
        X2Cost2 = X2Cost + 1;
        //This is the main problem//
        document.getElementById("X10Thing").innerHTML = 'Buy X2 (' + X2Cost2 + ' Points)';
    }
}

buyX2();

Thank you so much, that worked, and it didn't even have to do with the main problem. Thanks. — Mario1luigi9, Mar 23 '15 at 21:49

Inconvenience Changing a Buttons Text in Javascript

1 Answers1