Wiki: Mathe und Info

Unterrichtsmaterialien für Mathematik und Informatik

Benutzer-Werkzeuge

Webseiten-Werkzeuge


info:sek-i:9:internet:l9-erstes-js-programm

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
info:sek-i:9:internet:l9-erstes-js-programm [2021-09-05 13:20] – ↷ Seite von info:sek-i:ags:internet:l9-erstes-js-programm nach info:sek-i:9:internet:l9-erstes-js-programm verschoben christian.weberinfo:sek-i:9:internet:l9-erstes-js-programm [2021-09-05 13:33] (aktuell) – ↷ Links angepasst weil Seiten im Wiki verschoben wurden christian.weber
Zeile 72: Zeile 72:
  
   - Erstellt eine neue HTML-Datei __formular1.html__ und füllt sie mit dem HTML-Grundgerüst.   - Erstellt eine neue HTML-Datei __formular1.html__ und füllt sie mit dem HTML-Grundgerüst.
-  - Erstellt danach das folgende Formular: {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-15-27-07.png }}+  - Erstellt danach das folgende Formular: {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-15-27-07.png }}
  
 </aufgabe> </aufgabe>
Zeile 144: Zeile 144:
  
   - Erstellt eine neue HTML-Datei __buttons.html__ und füllt sie mit dem HTML-Grundgerüst.   - Erstellt eine neue HTML-Datei __buttons.html__ und füllt sie mit dem HTML-Grundgerüst.
-  - Erstellt danach das folgende Formular: {{ info:sek-i:ags:internet:screencast_from_15.06.2021_15_41_08.mp4?500 }}+  - Erstellt danach das folgende Formular: {{ info:sek-i:9:internet:screencast_from_15.06.2021_15_41_08.mp4?500 }}
  
 </aufgabe> </aufgabe>
Zeile 213: Zeile 213:
 </code> </code>
  
-Wenn ihr das eingebt und die Seite mit dem Inspektor öffnet, bekommt ihr folgendes angezeigt: {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-01-42.png }} Wie ihr seht, ist das noch keine Zahl, sondern eine Zeichenkette. Diese müssen wir zuerst in eine Zahl verwandeln, bevor wir das Alter ausrechnen können:+Wenn ihr das eingebt und die Seite mit dem Inspektor öffnet, bekommt ihr folgendes angezeigt: {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-01-42.png }} Wie ihr seht, ist das noch keine Zahl, sondern eine Zeichenkette. Diese müssen wir zuerst in eine Zahl verwandeln, bevor wir das Alter ausrechnen können:
  
 <code javascript> <code javascript>
Zeile 222: Zeile 222:
 </code> </code>
  
-Auch diesen Code könnt ihr einmal mit dem Inspektor begutachten: {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-03-41.png }} Ihr seht, dass ''alterAlsZahl'' nun eine Zahl ist (die Gänsefüßchen fehlen), und dass das Alter korrekt ausgerechnet wurde. Nun müssen wir das Ergebnis nur noch anzeigen, und fertig ist unser erstes JavaScript-Programm:+Auch diesen Code könnt ihr einmal mit dem Inspektor begutachten: {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-03-41.png }} Ihr seht, dass ''alterAlsZahl'' nun eine Zahl ist (die Gänsefüßchen fehlen), und dass das Alter korrekt ausgerechnet wurde. Nun müssen wir das Ergebnis nur noch anzeigen, und fertig ist unser erstes JavaScript-Programm:
  
 <code javascript> <code javascript>
Zeile 245: Zeile 245:
  
   - Erstellt eine neue HTML-Datei __formular2.html__ und füllt sie mit dem HTML-Grundgerüst.   - Erstellt eine neue HTML-Datei __formular2.html__ und füllt sie mit dem HTML-Grundgerüst.
-  - Erstellt danach das folgende Formular: {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-15-44-50.png }}+  - Erstellt danach das folgende Formular: {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-15-44-50.png }}
     * Das erste Eingabefeld soll die ID ''zahlA'' haben, das zweite die ID ''zahlB''.     * Das erste Eingabefeld soll die ID ''zahlA'' haben, das zweite die ID ''zahlB''.
     * Die Buttons sollen die Funktionen ''addieren()'', ''subtrahieren()'', ''multiplizieren()'' bzw. ''dividieren()'' aufrufen.     * Die Buttons sollen die Funktionen ''addieren()'', ''subtrahieren()'', ''multiplizieren()'' bzw. ''dividieren()'' aufrufen.
Zeile 307: Zeile 307:
 <aufgabe w1|**Zusatzaufgabe:**> <aufgabe w1|**Zusatzaufgabe:**>
  
-  * Schreibe ein Programm zur Umrechnung zwischen [[https://www.umrechnung.org/waehrungen-umrechnen/waehrungs-kurs-umrechner.htm|Euro und Dollar]]: {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-17-20.png }} +  * Schreibe ein Programm zur Umrechnung zwischen [[https://www.umrechnung.org/waehrungen-umrechnen/waehrungs-kurs-umrechner.htm|Euro und Dollar]]: {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-17-20.png }} 
-  * Schreibe ein Programm zur Umrechnung zwischen [[https://www.umrechnung.org/masseinheiten-temperatur-celsius-fahrenheit-kelvin/celsius-fahrenheit-umrechnung.htm|Temperaturen in °C, °K und °F]]. {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-19-45.png }} +  * Schreibe ein Programm zur Umrechnung zwischen [[https://www.umrechnung.org/masseinheiten-temperatur-celsius-fahrenheit-kelvin/celsius-fahrenheit-umrechnung.htm|Temperaturen in °C, °K und °F]]. {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-19-45.png }} 
-  * Schreibe ein Programm zur Berechnung des [[https://www.umrechnung.org/bodymass-index-BMI/bodymassindex-berechnen-bmi.htm|BMI]]. {{ info:sek-i:ags:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-25-32.png }}+  * Schreibe ein Programm zur Berechnung des [[https://www.umrechnung.org/bodymass-index-BMI/bodymassindex-berechnen-bmi.htm|BMI]]. {{ info:sek-i:9:internet:l9-erstes-js-programm-christian.weber-2021-06-15-16-25-32.png }}
  
 </aufgabe> </aufgabe>
info/sek-i/9/internet/l9-erstes-js-programm.1630840804.txt.gz · Zuletzt geändert: 2021-09-05 13:20 von christian.weber