Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:aufgaben:14 [2025/03/18 07:41] – angelegt vdemir
+++ en:modul:m291:learningunits:lu05:aufgaben:14 [2025/03/28 11:36] (aktuell) – vdemir
@@ Zeile 17: / Zeile 17: @@
   - Click the link above to the code-exambpe to get to the W3School-TryOut area.
-  - Save the code with a suitable name, such as LU05.S13.html.
+  - Save the code with a suitable name, such as LU05.S14.html.
   - Have it run by clicking the //run-button//.
-  - Move the v-show from div-tag into the text-tag. Change the variable in the //script-area// from //showDiv// to //showText//.
+  - Just after the //div-tag// create a paragraph and move the current text in it (This text can be hidden).
-  - Add into your p-tag a attribute //v-if//. The corresponding variable for that v-if is called //showImage// which can also contain the values //true// and //false//.
+  - Move the v-show from div-tag into the paragraph-tag.
+  - Change the variable in the //script-area// from //showDiv// to //showText//.
+  - Add another paragraph-tag for the //v-if// which contains a image and a suitable comment to it.
+  - The corresponding variable in the //script-area// for the v-if is called //showImage// which can also contain the values //true// and //false//.
   - Now we can seperately control the visibility of the text and image ressource.
   - Try out all four values for the //showText// and //showImage//. Possible combination of values are
-    - true / true
+    * true / true
-    - true / false
+    * true / false
-    - false / true
+    * false / true
-    - false / false
+    * false / false
   - 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.
@@ Zeile 32: / Zeile 35: @@
 ===== Solution =====
-[[en:modul:m291:learningunits:lu05:loesungen:15|Lösung]]
+[[en:modul:m291:learningunits:lu05:loesungen:14|Lösung]]