Methods and properties chaining in JavaScript

Let us have an input:

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

Let's display the input text:

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

As you can see, we first get an element by its id, write this element to the variable elem, and then display the property value from this variable

In fact, you can not enter the variable elem, but build a chain of dots in this way:

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

In the same way - in a chain - you can overwrite attributes:

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

Given the following code:

<img id="image" src="avatar.png"> let image = document.querySelector('#image'); console.log(image.src);

Modify the code above to use a chain instead of introducing the variable image.

enru