Добавление текста при переключении изображения по клику

<script>
    function change() {
   var img1 = "http://placehold.it/350x150",
       img2 = "http://placehold.it/200x200",
       img1Text = 'Image 1 Text',
       img2Text = 'Image 2 Text';
       
   var imgElement = document.getElementById('test'),
       imgTextElement = document.getElementById('testText');
   
   imgElement.src = (imgElement.src === img1)? img2 : img1;
   imgTextElement.innerText = (imgTextElement.innerText === img1Text)? img2Text: img1Text;
}
</script>
<img src = "http://placehold.it/350x150" id = "test" onclick  = "change();"/>
<span style = "display: block" id='testText'>Image 1 Text</span>

function change() {
   var img1 = "http://placehold.it/350x150",
       img2 = "http://placehold.it/200x200";
   var imgElement = document.getElementById('test');
   
   imgElement.src = (imgElement.src === img1)? img2 : img1;
   document.getElementById("test-span").innerHTML = (imgElement.src === img1)? "img2" : "img1";
}

div{
 display:flex;
}

<div><img src = "http://placehold.it/350x150" id = "test" onclick  = "change();"/>
<span id = "test-span">img1</span>
</div>