Verige metod in lastnosti v JavaScriptu

Recimo, da imamo vnosno polje:

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

Izpišimo besedilo vnosnega polja na zaslon:

let elem = document.querySelector('#elem');
console.log(elem.value); // izpiše 'text'

Kot lahko vidite, najprej dobimo element po njegovem id, zapišemo ta element v spremenljivko elem, nato pa izpišemo na zaslon lastnost value iz te spremenljivke.

Pravzaprav ni potrebno vnašati spremenljivke elem, temveč lahko zgradimo verigo pik takole:

console.log( document.querySelector('#elem').value ); // izpiše 'text'

Na enak način - z verigo - lahko tudi prepišemo atribute:

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

Podana je naslednja koda:

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

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

Predelajte zgornjo kodo tako, da namesto uvajanja spremenljivke image uporabite verigo.