Εργασία με πεδία κειμένου στο JavaScript

Τώρα θα μάθουμε πώς να λαμβάνουμε κείμενο από τους χρήστες της ιστοσελίδας μας. Για αυτό το σκοπό, το HTML παρέχει μια ειδική ετικέτα input, που αντιπροσωπεύει ένα πεδίο κειμένου για εισαγωγή δεδομένων.

<input>

Αυτή η ετικέτα έχει ένα ειδικό χαρακτηριστικό value, που ορίζει το αρχικό κείμενο που θα εμφανίζεται στο πεδίο εισόδου κατά την είσοδο στη σελίδα:

<input value="text">

Ο χρήστης της ιστοσελίδας μας, αφού μπει στη σελίδα, μπορεί να αλλάξει το κείμενο του πεδίου εισόδου. Σε αυτήν την περίπτωση, εάν έχουμε μια μεταβλητή που περιέχει μια αναφορά σε αυτό το πεδίο εισόδου, τότε η ιδιότητα value αυτής της μεταβλητής θα περιέχει πάντα την τρέχουσα τιμή του κειμένου του πεδίου εισόδου.

Ας δοκιμάσουμε στην πράξη. Ας υποθέσουμε ότι έχουμε ένα πεδίο εισόδου με το χαρακτηριστικό value:

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

Ας πάρουμε μια αναφορά σε αυτό το πεδίο εισόδου σε μια μεταβλητή:

let elem = document.querySelector('#elem');

Και τώρα ας εμφανίσουμε στην οθόνη το τρέχον κείμενο του πεδίου εισόδου:

console.log(elem.value);

Και τώρα ας αλλάξουμε το κείμενο του πεδίου εισόδου σε άλλο:

elem.value = 'new text';

Δίνεται ένα πεδίο εισόδου και ένα κουμπί. Με το πάτημα του κουμπιού γράψτε κάποιο κείμενο στο πεδίο εισόδου.

Δίνονται ένα πεδίο εισόδου, μια παράγραφος και ένα κουμπί. Με το πάτημα του κουμπιού γράψτε στην παράγραφο το κείμενο από το πεδίο εισόδου.

Δίνονται δύο πεδία εισόδου και ένα κουμπί. Στο πρώτο πεδίο εισόδου ο χρήστης εισάγει έναν αριθμό. Με το πάτημα του κουμπιού γράψτε στο δεύτερο πεδίο εισόδου το τετράγωνο του εισαγμένου αριθμού.

Δίνονται δύο πεδία εισόδου και ένα κουμπί. Με το πάτημα του κουμπιού γράψτε στο πρώτο πεδίο εισόδου την τιμή του δεύτερου πεδίου εισόδου, και στο δεύτερο πεδίο εισόδου - την τιμή του πρώτου. Ο κώδικάς σας πρέπει να λειτουργεί καθολικά, για οποιεσδήποτε τιμές των πεδίων εισόδου.

Δίνονται 5 πεδία εισόδου, μια παράγραφος και ένα κουμπί. Στα πεδία εισόδου εισάγονται αριθμοί. Με το πάτημα του κουμπιού γράψτε τον αριθμητικό μέσο όρο των εισαγμένων αριθμών στην παράγραφο.