Changing a number with onClick

[bob parker]

ok so i have the code listed below and i want it so that when i click the button x goes up by 60 for every click. then, this part i need but not as much, when it reaches y i would like it to execute a command to change a pic.

<input name="submit" type="button" value="button" onclick="button" />
<script language="JavaScript" type="text/javascript">

var x;
var y;
                                                            x = 0;
y = 600;

document.write(x);
document.write("/");
document.write(y);

</script>

[Dormilich]

first of all, document.write( ) doesn’t work with(in) events.

<input id="submit" type="button" value="button">
<input id="display" type="text" readonly>

function changePicOrNot()
{
    if (60 == this.clicked++) {
        changeSRC();
    }
    display.value = this.clicked + "/60";
}
var display = document.getElementById("display");
var submit  = document.getElementById("submit");
submit.clicked = 0;
// all browsers except IE < 9
submit.addEventListener("click", changePicOrNot, true);

[bob parker]

thanks but the pic isnt changing and i want the number to stay there even if i refresh the page.

[Rabbit]

You have to write a function to change the source of the pic. If you refresh the page, you can't keep the value unless you save it in a cookie or on a server.

[bob parker]

well can you tell me that function is then?

[Rabbit]

I don't give out code unless the poster shows an attempt.

[bob parker]

this is what i have.

<script language="JavaScript">
    function changeSRC() {
        document.getElementById("x").src = "pic2.png"
    }

</script>
<img id="x" src="pic1.jpg" alt="x" onchange="changeSRC()" />

[bob parker]

thanks but my code doesnt seem to work.

[Dormilich]

I don’t think an image having a change event would make sense …

onchange
User committed a change to the value of element (form control).

[bob parker]

it did work i just forget to clear my cache. and your right i dont need the on change as it doesnt do anything for this.