Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:aufgaben:12 [2025/01/27 15:21] – angelegt vdemir
+++ en:modul:m291:learningunits:lu05:aufgaben:12 [2025/03/28 09:33] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU05.A12 - v-if, v-else ...  combined with AND/OR operators ======
+====== LU05.A12 - v-show simple applied to texts ============
 ===== Prerequisites  =====
   * Work type: Individual
   * Means of aid: only teaching materials, no websearch, no use of ai.
-  * Timeframe: 20 Minutes
+  * Timeframe: 10 Minutes
-  * Expected result: A Vue script that displays HTML elements based on input values.
+  * Expected result: A Vue script that fades-in and fades-out a given text.
 ===== Learning objectives =====
-  - Explaining the The directive //v-if// in your own word.
+  -  Using v-show  to simple text examples.
-  - Being able to apply v-if in combination with AND/OR operators
 ===== Source =====
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-if_typewriters3 |Code-example]]
+  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-show_div | v-show code-example]]
 ===== Assignment ======
-This assignment combines if with the using of AND/OR operators. That means that several rules must be obeyed in the if-clause.
+The assignment is basically to use the v-show directive to a given text to hide or to make it visible. This is managed by using the parameter, which will be set to true or false.
+  - Click the link above to the code-exambpe to get to the W3School-TryOut area.
+  - Save the code with a suitable name
+  - Have it run by clicking the //run-button//.
+  - Change the status of the variable //showDiv// within the values true and false, and observe the result carefully.
+  - What happens if you set the values of the variable //showDiv// to //-1, 0, 1, 2, etc.//
+  - Note the result as a html-comment und beobachten Sie die Reaktion der Applikation.
+  - Save your result, you may need it as a exam-preparation.
+===== Solution =====
+[[en:modul:m291:learningunits:lu05:loesungen:12|Lösung]]
-  - Change the value within the if to //<12// for people under the age of 12 are allowed to go to the cinema.
-  - Execute your script
-  - Between 12 and 16 they are allowed up to 18 o'clock.
-  - Execute your script
-  - Person older than 16 may go to the cinemas without time restriction.
-  - Execute your script
-  - Comment and save your script your results accordingly.
-  - Change your script for young customers may also go to the cinema when they are accompanied by an adult. Therefore will need a additionel variable //withAdult// which must be checked within the selection area by combining the existing restrictions with an AND/OR operator.
-  - Execute your script
-  - Comment and save your script your results accordingly.
 ===== Vocabulary =====
 ^ English ^ German ^
-| afterwards | anschliessend|
+| ... | ... |
-| accordingly | entsprechend
+| ... | ... |