goshoTheKiller

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img id="demo" src="IMG_2854.jpg" height="300" width="300">
    <button id ='btn' >Click me</button>

<script>
    document.querySelector("button").addEventListener('click',fn);
    let count = 0;
    function fn(e){
        let newPic = document.getElementById("demo");

        let arr =["1335.jpg","IMG_2854.jpg"];

        if(arr[count] === undefined){
           count = 0;
        }
        newPic.src = arr[count]
        count++;

        // let pic;
        // switch(){
        //     case 0:
        //         pic = "IMG_2854.jpg";
        //         break;
        //     case 1:
        //         pic = "1335.jpg";
        //         break;
        // }


    }


</script>


</body>
</html>