Η JavaScript είναι μια client-side scripting γλώσσα που σας επιτρέπει να αντιδρά σε πραγματικό χρόνο για την είσοδο του χρήστη . Για παράδειγμα , μπορείτε να δημιουργήσετε μια φόρμα HTML που ενημερώνει αυτόματα ένα πεδίο συνόλου ως χρήστης ρυθμίζει μεμονωμένες εγγραφές στη φόρμα . Για να το κάνετε αυτό , θα πρέπει να δώσετε ένα όνομα σε κάθε στοιχείο της φόρμας , γράψτε μια λειτουργία που ενημερώνει το σύνολο και να καλέσετε τη συνάρτηση κάθε φορά που ένα από τα στοιχεία αλλάζουν . Οδηγίες
Η
1 Δημιουργήστε ένα νέο έγγραφο HTML χρησιμοποιώντας το Σημειωματάριο ή ένα πρόγραμμα επεξεργασίας HTML . Εισάγετε τις κεφαλίδες HTML στο έγγραφο :
< ! DOCTYPE HTML >
< p>
φόρμα Παραγγελίας < /title> 2 <br> <p> Δημιουργία styling για τη μορφή εισόδου που θα δημιουργήσει : . <br> <p> <style> <br> <p> φόρμαπαραγγελίας . { width : 250px ? display: block ? } <br> <p> item { width : 100px ? float : αριστερά? περιθώριο - αριστερά : 10px ? text-align : . σωστά} <br> <p> εισόδου { width : 50px ? περιθώριο - αριστερά : 10px ? text-align : . αριστερά } <br> <p> συνολικό { width : 20px ? περιθώριο - αριστερά : 10px ? font - weight: bold ? } <br> <p> < /style > εικόνων <br> 3 <p> Δημιουργήστε μια λειτουργία JavaScript για να αποκτήσετε πρόσβαση σε κάθε στοιχείο με τη μορφή εισόδου και να υπολογίσει και να εμφανίσει ένα σύνολο : <br> <p> <script> <br> <p> συνολική λειτουργία () { var <br> <p> σύνολο = ( parseInt ( document.order.apples.value )
<div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/90951.html' >Πώς να καλέσετε JavaScript Από πρότυπο HTML </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90953.html' >Πώς να αφαιρέσει ένα Array JavaScript Associative </a>
</ul>
</div>
</div>
<div class="woqinimaderwr24">
<div class="dibud23">
<div class="biaotidas51">
<div class="biaotidas511"><h3>Συναφής σύστασή</h3></div>
<div class="butudasda"></div>
</div>
</div>
<div class="dibud24">
<div class="dibud241">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Programming/javascript-programming/90871.html" target="_blank">5 Χρήσεις JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91061.html" target="_blank">Πώς να καθαρίσετε κείμενο από ένα πεδίο αναζήτησης σε μια σελίδα HTML στο Κλικ </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91166.html" target="_blank">Javascript Grid Tutorial </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90902.html" target="_blank">Πώς να χρησιμοποιήσετε ένα υπό όρους δήλωση στο JQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/282655.html" target="_blank">Ποιες είναι οι διαφορές μεταξύ συγχρονισμού και ασυγχρονισμού; </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Programming/javascript-programming/90858.html" target="_blank">Πώς να Τοποθετήστε jQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91056.html" target="_blank">Πώς να ανιχνεύσει το λειτουργικό σύστημα με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91047.html" target="_blank">Πώς να Test για έναν άδειο πίνακα με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90760.html" target="_blank">Java Script Έλεγχος της φόρμας εισαγωγής κειμένου για ειδικούς χαρακτήρες </a></li>
</ul>
</div>
</div>
</div>
<div class="dibudaohnagdsaw">
<div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div>
</div>
</div>
</body>
</html>