JS BUTTON CLICK HELP

[FelixDev]

K, So I am trying to make my button change image on the website so if they click the button it changes to another image, here is my current JS and I have no clue to continue making it work.

    var pics = [
      ".\bilder\bild-1.jpg",
      ".\bilder\bild-2.jpg", // Array
      ".\bilder\bild-3.jpg",
    ];

    var btn = document.querySelector("Button"); // Selectar knappen
    var image = document.querySelector("img"); // Selectar Bilden
    var counter = 1; // Börjar räkningen på en
    if (btn.onclick === true) {
      

    }

 

[pace]

u weird haven't u ever heard of :active

https://www.w3schools.com/cssref/sel_active.asp

 

[FelixDev]

<script type="text/javascript">
function changeImage(a) {
document.getElementById("img").src= a;
}
</script>

<div id="main">
<img id="img" src="test.png">
</div>

<div id="select">
<img src='test1.png' onclick='changeImage("test1.png");'>
<img src='test2.png' onclick='changeImage("test2.png");'>
</div>

And...simple as that

just an example to **help** you out

lol sorry Thanks <3[DOUBLEPOST=1543317574][/DOUBLEPOST]

u weird haven't u ever heard of :active

https://www.w3schools.com/cssref/sel_active.asp

Uhm, Im new dude.[DOUBLEPOST=1543317623][/DOUBLEPOST]

<script type="text/javascript">
function changeImage(a) {
document.getElementById("img").src= a;
}
</script>

<div id="main">
<img id="img" src="test.png">
</div>

<div id="select">
<img src='test1.png' onclick='changeImage("test1.png");'>
<img src='test2.png' onclick='changeImage("test2.png");'>
</div>

And...simple as that

just an example to **help** you out

Wait where is the button thingy ?

 

[FelixDev]

As I said this is just an example, the changeImage function is all you needed I just showed you examples on how you can actually use this function to your advantage, I could implement it with your code but for a cheap cost.

lol no thanks,