Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
en:modul:m291:learningunits:lu07:aufgaben:04 [2025/05/05 10:03] vdemiren:modul:m291:learningunits:lu07:aufgaben:04 [2025/05/18 12:18] (aktuell) vdemir
Zeile 1: Zeile 1:
-====== LU07.S04 Events TBD ======+====== LU07.A04 Methods with arguments Animal-count======
  
 ===== Prerequisites  ===== ===== Prerequisites  =====
   * Work type: Individual   * Work type: Individual
   * Means of aid: only teaching materials, no websearch, no use of ai.   * Means of aid: only teaching materials, no websearch, no use of ai.
-  * Timeframe: 40 Minutes +  * Timeframe: 30 Minutes 
-  * Expected result: ???? +  * Expected result: A Vue-Script, that calculates how often the animals were clicked.  
 +  
 ===== Learning Objectves ===== ===== Learning Objectves =====
-  - ???+  - Implementing VUE methods by using arguments.  
 +  - Increment and decrement a counter within a method. 
 +  - Writing own methods and making use of them.
  
 ===== Source ===== ===== Source =====
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_methods_helloWorld |Code-example: Methods in VUE]]+  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_methods_animals |Code-example: Methods and arguments in VUE]]
  
-===== Assignment: ???  ===== +===== Assignment A - 3' ====== 
-  * ???+  * A01Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. 
 +  * A02: Check to basic function of the script. When clicking the number-buttons below the animal-images the animal count count up or down. 
 +  * A03: Make sure that you have the title <h1> and have correctly named the file: **lu07.s04.html** 
 +  * A04: Safe it. 
 + 
 +===== Assignment B: Add more animals to the list - 7' ===== 
 +  * B01: Add a least two more animals to the list, e.g. an eagle and an ice-bear. 
 +  * B02: Extend the already existinc functionality (methods and call of the methods) to the the recent animal-entries.  
 + 
 +===== Assignment C: Stop at zereo - 10' ===== 
 +  * C01: Having less than zero animals makes hardly sence. Catch this case in your method with an correspinding if-statement. 
 + 
 +===== Assignment D: Reset-Button - 5' ===== 
 +  * D01: Add an button **resetAll** which resets all counters by using a corresponding method **resetAll()**
  
 ===== Solution ===== ===== Solution =====
Zeile 21: Zeile 36:
 ===== Vocabulary ===== ===== Vocabulary =====
 ^ English ^ German ^  ^ English ^ German ^ 
-... ... | +corresponding entsprechend, passende |
  
  
  • en/modul/m291/learningunits/lu07/aufgaben/04.1746432215.txt.gz
  • Zuletzt geändert: 2025/05/05 10:03
  • von vdemir