Ланци метода и својстава у JavaScript-у

Претпоставимо да имамо унос поље:

<input id="elem" value="text">

Хајде да прикажемо текст унос поља на екрану:

let elem = document.querySelector('#elem');
console.log(elem.value); // приказаће 'text'

Као што видите, прво добијамо елемент преко његовог id, уписујемо тај елемент у променљиву elem, а затим приказујемо на екран својство value из те променљиве.

Заправо, није неопходно уводити променљиву elem, већ можемо изградити ланац тачака на овај начин:

console.log( document.querySelector('#elem').value ); // приказаће 'text'

На исти начин - ланцем - можемо извршити и преписивање атрибута:

document.querySelector('#elem').value = 'www';

Дат је следећи код:

<img id="image" src="avatar.png">

let image = document.querySelector('#image');
console.log(image.src);

Прерадите горе наведени код тако да се уместо увођења променљиве image користи ланац.