Μεταβίβαση στοιχείου DOM ως παράμετρος συνάρτησης

Στα προηγούμενα μαθήματα μεταβιβάσαμε στις συναρτήσεις μας επιλογείς στοιχείων, και οι συναρτήσεις μας απέκτησαν οι ίδιες αναφορές σε αυτά τα στοιχεία μέσα στον κώδικά τους. Υπάρχει και μια άλλη προσέγγιση: μια συνάρτηση μπορεί να μεταβιβάζει ήδη ληφθείσες προηγουμένως αναφορές σε στοιχεία.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα:

<p id="elem1"></p>
<p id="elem2"></p>

Ας φτιάξουμε τη συνάρτηση setText, η οποία ως πρώτη παράμετρο θα δέχεται μια αναφορά σε ένα στοιχείο DOM, και ως δεύτερη - το κείμενο του στοιχείου:

function setText(elem, text){
	elem.textContent = text;
}

Ας χρησιμοποιήσουμε τη συνάρτηση που δημιουργήσαμε για να ορίσουμε το κείμενο των παραγράφων μας:

let elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');

Φτιάξτε τη συνάρτηση appendText, η οποία ως πρώτη παράμετρο θα δέχεται ένα στοιχείο DOM, και ως δεύτερη - κείμενο. Κάντε τη συνάρτηση να προσθέτει το κείμενο στο τέλος αυτού του στοιχείου.

Δίνονται παράγραφοι. Αποκτήστε τις, επαναλάβετε με βρόχο και σε κάθε μία προσθέστε στο τέλος '!' χρησιμοποιώντας τη συνάρτηση appendText, που φτιάχτηκε στο προηγούμενο πρόβλημα.

Φτιάξτε τη συνάρτηση setValue, η οποία ως πρώτη παράμετρο θα δέχεται μια αναφορά σε ένα πεδίο εισαγωγής, και ως δεύτερη - κείμενο. Κάντε τη συνάρτηση να ορίζει το κείμενο που μεταβιβάστηκε στην value του πεδίου εισαγωγής.