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:03 [2025/05/18 11:21] vdemiren:modul:m291:learningunits:lu07:aufgaben:03 [2025/05/18 12:16] (aktuell) – [Assignment] vdemir
Zeile 6: Zeile 6:
   * Timeframe: 15 Minutes   * Timeframe: 15 Minutes
   * Expected result: A Vue-Script, which uses methods to display messages on the screen and increments and decrements a counter.    * Expected result: A Vue-Script, which uses methods to display messages on the screen and increments and decrements a counter. 
-  * +
 ===== Learning Objectves ===== ===== Learning Objectves =====
   - Implementing VUE methods by using arguments.    - Implementing VUE methods by using arguments. 
Zeile 15: Zeile 15:
   * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_methods_2args |Code-example: Methods in VUE]]   * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_methods_2args |Code-example: Methods in VUE]]
  
-===== Assignment A - 2' ====== +===== Assignment ====== 
-  * A01: Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. +  * 01: Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. 
-  * A02: Make sure that everthing is working correctly: When clicking on the tiger image there must appear a text below the image "Hello, tiger"+  * 02: Make sure that everthing is working correctly: When clicking on the tiger image there must appear a text below the image "Hello, tiger"
-  A03: Make sure that you have the title <h1> and have correctly named the file: **lu07.s0s.html** +  * 03: Make sure that you have the title <h1> and have correctly named the file: **lu07.s03s.html** 
- +  * 04: : You need to wo more animals to the list and greet them correspondingly to the provided example.
- +
-===== Assignment B - 5' ===== +
-  * B01Currently we can increment by +1 and +5, and decrement by -1. +
-  *  +
-  * B02Similar to **addMoose** add method **removeMoose** which manages the decrement operations and use it +
-  * B03: Test your results and save it. +
-  * B04: Add more buttons wich can  +
-      - increment by +10 +
-      - decrement by -10 +
-      - decrement by -5 +
-  * B05: The aim is to have 3 increment-buttons (+1, +5, +10) and 3 decrement-buttons (-1, -5, -10)+
  
-===== Assignment C: Catching numbers belov zero (0) - 8' ===== +===== Hint ===== 
-  * C01: At 0 we must stop counting, when the count reches the zero.  +  * Save 2 more pictures of animals in the media-directory 
-  * C02Add the case below zero to your **removeMoose-method** by checking the **count** with a if-statement +  * Extend the arguments of the method: **myMethod(e, msg, opp)** 
-  * C03: Check the result: It must stop at zero when the button **removeMoose** when the count reaches 0.+  * Process the additional **opp** in the method. 
 +  * Finnaly adjust the calling of the method at the pictures
    
 ===== Solution ===== ===== Solution =====
  • en/modul/m291/learningunits/lu07/aufgaben/03.1747560095.txt.gz
  • Zuletzt geändert: 2025/05/18 11:21
  • von vdemir