🎯 ΑΣΚΗΣΗ JavaScript

Κάρτα Ταυτότητας Σπουδαστή

📋 Περιγραφή

Θα δημιουργήσεις ένα πρόγραμμα JavaScript που θα ρωτάει τον χρήστη για τα προσωπικά του στοιχεία και θα δημιουργεί μια ψηφιακή κάρτα ταυτότητας σπουδαστή.

📝 Τι πρέπει να κάνεις:

Βήμα 1: Συλλογή Στοιχείων

Ρώτησε τον χρήστη χρησιμοποιώντας prompt() για τα εξής:

  • Όνομα
  • Επώνυμο
  • Ηλικία (αριθμός)
  • Τμήμα (π.χ. "Πληροφορική", "Μηχανικών")
  • Έτος Σπουδών (1, 2, 3, 4...)

💡 Υπόδειξη:

Παράδειγμα: let onoma = prompt("Ποιο είναι το όνομά σου;");

Βήμα 2: Δημιούργησε το Πλήρες Όνομα

Ένωσε το όνομα και το επώνυμο χρησιμοποιώντας:

  • Τρόπο 1: Με τον τελεστή +
  • Τρόπο 2: Με Template Literals `${onoma} ${epitheto}`
// Τρόπος 1: Με + let pliroNoma1 = onoma + " " + epitheto; // Τρόπος 2: Με Template Literals let pliroNoma2 = `${onoma} ${epitheto}`;

Βήμα 3: Υπολόγισε το Έτος Γέννησης

Υπολόγισε το έτος γέννησης αφαιρώντας την ηλικία από το τρέχον έτος (2025).

let etosGennisis = 2025 - ilikia;

Βήμα 4: Δημιούργησε μια Συνάρτηση

Φτιάξε μια συνάρτηση dimioyrgiKarta() που:

  • Παίρνει ως παραμέτρους: πλήρες όνομα, ηλικία, τμήμα, έτος σπουδών
  • Επιστρέφει (return) ένα όμορφα μορφοποιημένο κείμενο με όλα τα στοιχεία της κάρτας
function dimioyrgiKarta(pliroNoma, ilikia, tmima, etos) { return ` ╔════════════════════════════════════╗ ║ 🎓 ΚΑΡΤΑ ΤΑΥΤΟΤΗΤΑΣ ΣΠΟΥΔΑΣΤΗ ║ ╠════════════════════════════════════╣ ║ Ονοματεπώνυμο: ${pliroNoma} ║ Ηλικία: ${ilikia} ετών ║ Τμήμα: ${tmima} ║ Έτος Σπουδών: ${etos}ο ╚════════════════════════════════════╝ `; }

Βήμα 5: Εμφάνισε την Κάρτα

Χρησιμοποίησε alert() για να εμφανίσεις την κάρτα στον χρήστη.

let karta = dimioyrgiKarta(pliroNoma, ilikia, tmima, etosSpoudon); alert(karta);

🎁 BONUS (Προαιρετικά)

Αν θέλεις να προχωρήσεις παραπέρα, δοκίμασε τα εξής:

  1. Ρώτα τον χρήστη με confirm() αν είναι μέλος του φοιτητικού συλλόγου και εμφάνισε ανάλογο μήνυμα
  2. Υπολόγισε πόσα χρόνια του απομένουν μέχρι να αποφοιτήσει (υποθέτοντας 4ετή σπουδή)
  3. Φτιάξε μια δεύτερη συνάρτηση που εμφανίζει στατιστικά
  4. Πρόσθεσε CSS styling για να κάνεις την κάρτα πιο όμορφη με χρώματα

📌 Παράδειγμα Αποτελέσματος

Πώς θα πρέπει να φαίνεται η κάρτα σου:

╔════════════════════════════════════╗ ║ 🎓 ΚΑΡΤΑ ΤΑΥΤΟΤΗΤΑΣ ΣΠΟΥΔΑΣΤΗ ║ ╠════════════════════════════════════╣ ║ Ονοματεπώνυμο: Ελένη Παπαδοπούλου ║ Ηλικία: 20 ετών ║ Έτος Γέννησης: 2005 ║ Τμήμα: Πληροφορική ║ Έτος Σπουδών: 2ο ╚════════════════════════════════════╝