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.