Περιεχόμενο

• στάδια
• Μέρος 1 Κατανόηση του κώδικα
• Μέρος 2 Γράψτε τον βασικό κωδικό της αριθμομηχανής
• Μέρος 3 Δημιουργία της αριθμομηχανής
• Μέρος 4 Χρησιμοποιώντας την αριθμομηχανή

Σε αυτό το άρθρο: Κατανόηση του κώδικαΒισταθείτε στον βασικό κώδικα του υπολογιστήCreate the calculatorΧρησιμοποιήστε την αριθμομηχανή11 Αναφορές

Υπάρχουν πολλοί τρόποι για να κάνετε υπολογισμούς στον υπολογιστή σας χρησιμοποιώντας την ενσωματωμένη αριθμομηχανή, αλλά μπορείτε επίσης να δημιουργήσετε τη δική σας χρησιμοποιώντας μόνο κώδικα HTML. Για να το κάνετε αυτό, πρέπει να μάθετε τα βασικά της HTML πριν αντιγράψετε τον απαραίτητο κώδικα σε ένα αρχείο e που αποθηκεύετε με την επέκταση.html. Στη συνέχεια, απλά ανοίξτε το αρχείο στον αγαπημένο σας browser για να αποκτήσετε πρόσβαση στην αριθμομηχανή. Αυτή η τεχνική σας επιτρέπει να κάνετε υπολογισμούς απευθείας στο πρόγραμμα περιήγησής σας, ενώ μαθαίνετε τα βασικά της τέχνης του προγραμματισμού ηλεκτρονικών υπολογιστών.

στάδια

Μέρος 1 Κατανόηση του κώδικα

1. 
   

   
   Κατανοήστε τον τρόπο με τον οποίο λειτουργεί ο κώδικας. Ο κώδικας που θα χρησιμοποιήσετε για τη δημιουργία της αριθμομηχανής βασίζεται σε μικρά κομμάτια κώδικα που λειτουργούν μεταξύ τους για τον καθορισμό διαφορετικών στοιχείων του εγγράφου. Μπορείτε να μάθετε περισσότερα σχετικά με την HTML κάνοντας κλικ σε αυτόν τον σύνδεσμο ή μπορείτε να διαβάσετε τι κάνει κάθε γραμμή στον κώδικα που πρόκειται να χρησιμοποιήσετε για την αριθμομηχανή.
   • html: αυτό το κομμάτι του κώδικα υποδεικνύει στο υπόλοιπο έγγραφο την χρησιμοποιούμενη γλώσσα. Χρησιμοποιούνται πολλές διαφορετικές γλώσσες προγραμματισμού και η ετικέτα υποδεικνύει στο υπόλοιπο έγγραφο ότι αυτή τη φορά είναι HTML που χρησιμοποιείτε.
   • κεφάλι : αυτό λέει στο έγγραφο ότι οι ακόλουθες πληροφορίες είναι δεδομένα που καλούνται επίσης "μεταδεδομένα". Η ετικέτα χρησιμοποιείται συνήθως για τον καθορισμό των στοιχείων του κειμένου, όπως ο τίτλος, οι κεφαλίδες κλπ. Είναι σαν μια ομπρέλα κάτω από την οποία ο υπόλοιπος κώδικας ορίζεται.
   • τίτλος : Αυτός είναι ο τίτλος που θα δώσετε στο έγγραφο. Αυτή η ετικέτα χρησιμοποιείται για την εμφάνιση του τίτλου του εγγράφου μόλις ανοίξει στο πρόγραμμα περιήγησης.
   • σώμα bgcolor = "#" : Ορίζει το χρώμα φόντου για το έγγραφο. Ο αριθμός που εμφανίζεται μετά την κοπή αντιστοιχεί σε προκαθορισμένο χρώμα.
   • = '' : Η λέξη σε εισαγωγικά υποδηλώνει το χρώμα του ε στο έγγραφο.
   • όνομα φόρμας = "" : Αυτό το χαρακτηριστικό υποδεικνύει το όνομα της φόρμας που θα χρησιμοποιηθεί για τη δομή του ό, τι έρχεται μετά, έτσι ώστε το JavaScript να γνωρίζει ποια μορφή εκφωνείται. Για παράδειγμα, το όνομα της φόρμας που θα χρησιμοποιήσουμε είναι "calculator" που θα δημιουργήσει τη συγκεκριμένη δομή του εγγράφου.
   • τύπος εισόδου = "" : εδώ θα γίνει η δράση. Το χαρακτηριστικό "τύπου εισόδου" δηλώνει στο έγγραφο τον τύπο τιμής για το e στα υπόλοιπα παρένθεση. Για παράδειγμα, θα μπορούσε να είναι e, ένας κωδικός πρόσβασης, ένα κουμπί (όπως θα είναι για τον υπολογιστή μας), και ούτω καθεξής.
   • value = "" : Αυτό το χαρακτηριστικό αποκαλύπτει στο έγγραφο τι περιέχει το χαρακτηριστικό "τύπος εισόδου". Για μια αριθμομηχανή, θα εμφανιστούν οι αριθμοί από 1 έως 9 και οι αριθμητικές ενδείξεις (+, -, *, /, =).
   • onclick = "" : Αυτό το κομμάτι κώδικα περιγράφει ένα γεγονός που αναφέρει στο έγγραφο ότι κάτι πρέπει να συμβεί όταν ενεργοποιηθεί το κουμπί. Για μια αριθμομηχανή, θέλετε να εμφανίσετε τον αριθμό που αντιστοιχεί στο κουμπί που έχει πατήσει ο χρήστης. Για παράδειγμα, εάν είναι ενεργοποιημένο το κουμπί 6, θέλετε να τοποθετήσετε document.calculator.in.value + = 6 μεταξύ εισαγωγικών.
   • br : είναι μια ετικέτα που υποδεικνύει ένα σπάσιμο γραμμής, όλο το υπόλοιπο του κώδικα που έρχεται στη συνέχεια θα εμφανιστεί μια γραμμή παρακάτω.
   • / μορφή, / σώμα, και / html Αυτές οι ετικέτες κλεισίματος λένε στο πρόγραμμα περιήγησης ότι οι ετικέτες που ανοίξατε νωρίτερα έχουν ολοκληρωθεί και κλείσει.

Μέρος 2 Γράψτε τον βασικό κωδικό της αριθμομηχανής

Αντιγράψτε τον παρακάτω κώδικα. Επιλέξτε το e παρακάτω κρατώντας τον κέρσορα πατημένο από την επάνω αριστερή γωνία του κουτιού και σύροντάς το στην κάτω δεξιά γωνία, ώστε ολόκληρο το ε να φαίνεται μπλε. Στη συνέχεια πατήστε "Command + C" σε ένα Mac ή "Ctrl + C" σε έναν υπολογιστή για να αντιγράψετε το e.

Το αποτέλεσμα είναι

Μέρος 3 Δημιουργία της αριθμομηχανής

1. 
   

   
   
   
   Ανοίξτε ένα αρχείο e στον υπολογιστή. Υπάρχουν πολλά προγράμματα που μπορείτε να χρησιμοποιήσετε, αλλά για λόγους ποιότητας, συνιστάται η χρήση της Επεξεργασίας ή του Σημειωματάριου.
   • Σε Mac, απλά κάντε κλικ στο μεγεθυντικό φακό στην επάνω δεξιά γωνία της οθόνης για να ανοίξετε το Spotlight. Αφού ανοίξετε, πληκτρολογήστε Επεξεργασία και κάντε κλικ στο πρόγραμμα που θα πρέπει να επιλεγεί με μπλε χρώμα.
   • Σε έναν υπολογιστή, κάντε κλικ στο κουμπί αρχή κάτω αριστερά. Στη γραμμή αναζήτησης, πληκτρολογήστε μπλοκ και κάντε κλικ στην εφαρμογή που θα εμφανιστεί στα αποτελέσματα.

2. 
   

   
   Επικολλήστε τον κώδικα HTML στο έγγραφο.
   • Σε Mac, απλά κάντε κλικ στο σώμα του εγγράφου και πατήστε "Εντολή + V". Στη συνέχεια, κάντε κλικ στο μορφή στο επάνω μέρος της οθόνης και μετά Προβολή σε απλά e μετά την επικόλληση του κώδικα.
   • Σε έναν υπολογιστή, κάντε κλικ στο σώμα του εγγράφου και επικολλήστε τον κώδικα πατώντας "Ctrl + V".

3. 
   

   
   Αποθηκεύστε το αρχείο. Απλά κάντε κλικ στο κουμπί αρχείο στο επάνω αριστερό μέρος του παραθύρου και έπειτα επάνω Αποθήκευση ως ... σε υπολογιστή ή υπολογιστή Αποθήκευση ... σε Mac στο αναπτυσσόμενο μενού που εμφανίζεται.

4. 
   

   
   Προσθέστε την επέκταση HTML. Μόλις μπείτε στο μενού, πληκτρολογήστε το όνομα του αρχείου που ακολουθείται από ".html" προτού κάνετε κλικ ρεκόρ. Για παράδειγμα, εάν θέλετε να ονομάσετε αυτό το αρχείο "η πρώτη μου αριθμομηχανή", μπορείτε να το δώσετε ως όνομα: "MyPremierCalculette.html".

Μέρος 4 Χρησιμοποιώντας την αριθμομηχανή

1. 
   

   
   Βρείτε το αρχείο HTML. Απλά πληκτρολογήστε το όνομα του αρχείου στο Spotlight στο Mac ή στη γραμμή αναζήτησης των Windows Start. Δεν είναι απαραίτητο να πληκτρολογήσετε την επέκταση του αρχείου.

2. 
   

   
   Κάντε κλικ σε αυτό για να το ανοίξετε. Το προεπιλεγμένο πρόγραμμα περιήγησης πρέπει να ανοίξει την αριθμομηχανή σε μια νέα καρτέλα.

3. 
   

   
   Κάντε κλικ στα κουμπιά για να το χρησιμοποιήσετε. Τα αποτελέσματα των υπολογισμών σας θα πρέπει να εμφανίζονται στη γραμμή που παρέχεται για το σκοπό αυτό.