image src changing

[DeathCamel57]

i want to be able to click a button then my image's src will be changed
each image filename is like 1.jpg 2.jpg 3.jpg... this function should add 1 to the number before the ".jpg"

my code so far is:

<script type="text/javascript" >
 
var a = document.getElementById('img').src;
var b = var a + 1

function right()
{
document.getElementById('img').src="'img/'+'var b'+'.jpg'";
 }
</script>

my image has src="1.jpg" by default

[devnull69]

oh this is weird code. You should learn how to handle javascript variables. The "var" keyword is used for declaring a variable not for every access to it.

"'img/'+'var b'+'.jpg'"

is a literal string. Every single character of this string will be assigned to .src of the image. This is clearly not what you wanted to do

Try this instead

"img/" + b + ".jpg"

Then you are reading a string from the image .src attribute. You want to add 1 to this string? Clearly not. You want to extract the current number (or store it somewhere) and increase it by 1. You'll have to rethink your code ....

[DeathCamel57]

Could you tell me how to extract the number
how would i use parseFloat and parseInt to do this?

[devnull69]

var a = document.getElementById('img').src.match(/(\d+)/)[1];