Το context μέσω arrow function στην JavaScript

Η τρίτη λύση του προβλήματος συνίσταται στη χρήση arrow functions, που εμφανίστηκαν στην JavaScript πριν από όχι και τόσο πολύ καιρό. Αυτές οι συναρτήσεις, εκτός από όλα τα άλλα, δεν έχουν το δικό τους context, αλλά διατηρούν το context του γονέα. Ας διορθώσουμε το πρόβλημά μας χρησιμοποιώντας μια arrow function:

let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);

function parent() {
	console.log(this.value); // θα εμφανίσει 'text'
	
	let child = () => {
		console.log(this.value); // θα εμφανίσει 'text'
	}
	child();
}

Πάρτε τον κώδικα από το προηγούμενο πρόβλημα και διορθώστε το πρόβλημα του κώδικα χρησιμοποιώντας τον τρίτο τρόπο που μελετήσαμε.