Catene di metodi e proprietà in JavaScript

Supponiamo di avere un input:

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

Visualizziamo il testo dell'input:

let elem = document.querySelector('#elem');
console.log(elem.value); // visualizzerà 'text'

Come puoi vedere, prima otteniamo l'elemento tramite il suo id, registriamo questo elemento nella variabile elem, e poi visualizziamo la proprietà value da questa variabile.

In realtà non è necessario introdurre la variabile elem, ma si può costruire una catena di punti in questo modo:

console.log( document.querySelector('#elem').value ); // visualizzerà 'text'

Allo stesso modo - a catena - è possibile effettuare anche la riscrittura degli attributi:

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

Dato il seguente codice:

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

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

Rielaborate il codice sopra in modo che invece di introdurre la variabile image venga utilizzata una catena.