object
| -
Hello!
my code is the following:
for( i=1; i<=5; i++) {
var newImage = document.createElement(‘img’);
newImage.setAttribute(‘src’, ‘images/pic’ + i + ‘.jpg’);
function whatever(e) {
displayedImage.setAttribute(‘src’,
e.target.getAttribute(‘src’));
}
newImage.addEventListener(‘click’, whatever);
thumbBar.appendChild(newImage);
}
It seems to be working. My questions are the following:
is there a preference for having the function ‘whatever’ inside
the for loop or outside the for loop? mine is within the loop, but
the solution code places it outside. Just want to know if there are
any cases, and if so, what they are, in which one would be
preferable.
does the placement for the line
‘thumbBar.appendChild(newImage);’ matter, or can it be placed
anywhere inside the for loop?
I see that in the solution code, the function
displayImage(imgSrc) is called before the function is defined, but
I was under the impression that the code would crash if a function
is called before it’s defined. can you please clarify the order of
function calling and definition?
And finally, just want to say that i found this assessment to be
challenging and fun!
|