Question

I have a page whereby the user can press left + right buttons to scroll through numbers between 1-10.

The default value is 0 which displays blank.

There are two buttons at the bottom which allow the user to ‘Clear’ the number – reseting it to 0. Or to ‘Shuffle’, picking a random number.

After this the user can submit these numbers into a database.

My issue is, if the user were to scroll to 5 (for example), click shuffle then submit, it would submit ‘5’ instead of the random number it should have generated.

Also if the user only clicks ‘shuffle’ then submit, it’ll input ‘0’.

The issue with the ‘clear’ button is similar, if the user scrolls to 5, then hits reset, the variable would stay at ‘5’ when submitted.

I’m probably overcomplicating something very simple, and im sorry if i am, but this is annoying me.

Thankyou ~

Answer 1

I’m not entirely certain what the problem is without looking at your code. I get the feeling it is something like this:

Javascript

var opNumb = 0; //default number

left = function(){if (opNumb>0) opNumb--;
                      updateNumb(opNumb);}
right = function(){if (opNumb<10) opNumb++;
                      updateNumb(opNumb);}

def = function(){opNumb=0;
                 updateNumb(opNumb);} //function to return to default

randomNumb = function(){opNumb = Math.floor(Math.random() * 11);
                        updateNumb(opNumb);} 

updateNumb = function(Numb){document.forms[0].opVal.value = Numb;}
window.onkeydown = press;            //bind keydown to press function

function press(e){
if (e.keyCode == 37) left(); 
if (e.keyCode == 39) right() 
    }

HTML form

<form id="frm1">
<input type="text" name="opVal" value="0"/><br />
<input type="button" value="left" onclick="left()"/><input type="button" value="right" onclick="right()"/><input type="button" value="Clear" onclick="def()"/><input type="button" value="Shuffle" onclick="randomNumb()"/><br />
<input type="button" value="Submit form" onclick="alert(opNumb);"/>
</form>​

What does your form look like? You’re most likely having a problem setting a value?

Link to example