Πέμπτη 7 Φεβρουαρίου 2019

Εισαγωγή δεδομένων μέσω φόρμας στο javascript

Μέχρι στιγμής η εισαγωγή γινόταν με εκχώριση τιμής σε μεταβλητή από την αρχή του προγράμματος.
Αυτό, όμως, δε μπορεί να το κάνει ο χρήστης, αλλά μόνο ο προγραμματιστής.

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


<!DOCTYPE html>
<html>
<body>


<input id="numb">

<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x;

  // Get the value of the input field with id="numb"
  x = document.getElementById("numb").value;

  // If x is Not a Number or less than one or greater than 10
  if ( x < 0 ) {
    text = "Αρνητικός";
  } else {
    text = "Θετικός";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>

Στο παραπάνω πρόγραμμα είναι προφανές ότι δηλώνεται  πως το δεδομένο που θα γραφεί στη φόρμα είναι αριθμός και του βάζουμε ετικέτα "numb".
Μόλις πατηθεί το κουμπί (button) καλέι τη συνάρτηση myFunction().
Αυτή εκχωρεί την τιμή που έχει δώσει ο χρήστης(numb) σε μία μεταβλητή x.
Εν συνεχεία, ακολουθεί η εξέταση του x και η εμφάνιση κατάλληλων μηνυμάτων ενημέρωσης του χρήστη.

Ασκήσεις

1. Να γραφεί πρόγραμμα που να διαβάζει το μέσο όρο και να αποφαίνεται αν ο μαθητής προάγεται ή απορρίπτεται.

2. Να γραφεί πρόγραμμα που να διαβάζει ένα αριθμό και να αποφαίνεται αν είναι άρτιος ή περιττός
.
3. Να δημιουργηθεί ιστοσελίδα που να  δέχεται από φόρμα έναν αριθμό και αν είναι ο 1 να γράφει: "Ανοιξη", αν είναι ο 2 να γράφει: "Καλοκαίρι", αν είναι ο 3 να γράφει ΄:"Φθινόπωρο", αν είναι ο 4 να γράφει: "Χειμώνας", αλλιώς "Λάθος Αριθμός". 

4. Μια εταιρεία κινητής τηλεφωνίας ακολουθεί ανά μήνα την πολιτική τιμών που φαίνεται στον παρακάτω πίνακα:
Πάγιο 7€
   Χρόνος τηλεφωνημάτων
(δευτερόλεπτα)
Χρονοχρέωση
   (
/δευτερόλεπτο)  
1-500
.02
501-800
0,01
801 και άνω
0,001

α)  Να εισάγεται μέσω φόρμας η χρονική διάρκεια των τηλεφωνημάτων ενός συνδρομητή σε διάστημα ενός μήνα.
β)  να υπολογίζεται  η μηνιαία χρέωση του συνδρομητή
γ)  να εμφανίζει  τη μηνιαία χρέωση του συνδρομητή.


5.  Μια εταιρεία κινητής τηλεφωνίας ακολουθεί ανά μήνα την πολιτική τιμών που φαίνεται στον παρακάτω πίνακα:
Πάγιο 7€
   Χρόνος τηλεφωνημάτων
(δευτερόλεπτα)
Χρονοχρέωση
   (
/δευτερόλεπτο)  
1-500
.02
501-800
0,01
801 και άνω
0,001

α)  Να εισάγεται μέσω φόρμας η χρονική διάρκεια των τηλεφωνημάτων ενός συνδρομητή σε διάστημα ενός μήνα.
β)  να υπολογίζεται  η μηνιαία χρέωση του συνδρομητή
γ)  να εμφανίζει  τη μηνιαία χρέωση του συνδρομητή 


6) Να εισάγεται μέσω φόρμας το Κεφάλαιο μιας κατάθεσης. Αν αυτό είναι μεγαλύτερο από 20000 Ευρώ, να παίρνει επιτόκιο 1% αλλιώς 0.5%. Να εμφανίζεται το Κεφάλαιο, ο Τόκος (=Κεφάλαιο * Επιτόκιο) και το τελικό ποσό (=Κεφάλαιο + Τόκος).
7) Να εισάγονται μέσω φόρμας ο μέσος όρος και οι απουσίες ενός μαθητή.
Αν ο μέσος όρος είναι πάνω από 9,5 και οι απουσίες κάτω από 114 να βγαίνει το μήνυμα "Προάγεται", αλλιώς "Απορρίπτεται".

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.