5. Ερώτηση Πρακτικής Άσκησης με Απάντηση Βήμα-Βήμα

Ερώτηση: Δημιουργήστε μια απλή ιστοσελίδα (ένα αρχείο HTML) στην οποία, χρησιμοποιώντας JavaScript, θα εμφανίζετε το ονοματεπώνυμό σας ( π.χ Γιώργος Εξαρχόπουλος ) στη σελίδα του φυλλομετρητή.

Απάντηση:

<!DOCTYPE html>

<html>

<head>

<meta charset='utf-8'>

<title> Ονοματεπώνυμο </title>

<script type="text/javascript">

document.write ("Γιώργος Εξαρχόπουλος")

</script>

</head>

<body>

</body>

</html>

Προτεινόμενη Λύση ( Απάντηση ) στον code editor:

Αναλυτική Επεξήγηση

  • Δήλωση Δομής Εγγράφου (DOCTYPE)
    • Το <!DOCTYPE html> δηλώνει ότι το έγγραφο ακολουθεί την προδιαγραφή της HTML5.
  • Στοιχεία <html>, <head>, <body>
    • Το στοιχείο <html> περιλαμβάνει όλο το περιεχόμενο της σελίδας.
    • Στο <head> τοποθετούμε μεταδεδομένα, όπως τον ορισμό της κωδικοποίησης (<meta charset="utf-8">) και τον τίτλο της σελίδας (<title>).
    • Στο <body> τοποθετείται το περιεχόμενο που εμφανίζεται στον χρήστη (π.χ. κείμενο, εικόνες, φόρμες).
  • Χρήση JavaScript για Εμφάνιση Κειμένου
    • Το σενάριο (<script type="text/javascript">) περιέχει τη συνάρτηση document.write(), η οποία γράφει απευθείας στο έγγραφο το κείμενο που της δίνεται ως όρισμα.
    • Με αυτόν τον τρόπο, εμφανίζεται στη σελίδα το ονοματεπώνυμό σας.
  • Γιατί να Χρησιμοποιήσετε document.write();
    • Για μια πολύ απλή εμφάνιση κειμένου, είναι μια άμεση λύση που “τυπώνει” κείμενο στο σημείο που καλείται.
    • Σε μεγαλύτερα έργα, μπορεί να προτιμήσετε άλλες μεθόδους, όπως το innerHTML ή το textContent, για να διαχειριστείτε δυναμικά το περιεχόμενο σε συγκεκριμένα στοιχεία της σελίδας.

Με αυτόν τον κώδικα, μόλις ανοίξετε την HTML σελίδα στον browser, θα εμφανιστεί το κείμενο με το ονοματεπώνυμό σας ή ( π.χ. Γιώργος Εξαρχόπουλος )


Video Απάντηση: Δείτε την παρακάτω video απάντηση για την ερώτηση.

Επόμενο μάθημα / άσκηση  
Question Box: Απαντήσεις στα ερωτήματά σας.

0 Ερωτήματα