en:modul:m291:learningunits:lu05:aufgaben:10

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:lu05:aufgaben:10 [2025/01/27 14:41] – vdemiren:modul:m291:learningunits:lu05:aufgaben:10 [2025/03/28 10:55] (aktuell) – [Vocabulary] vdemir
Zeile 11: Zeile 11:
   - Being able to apply v-if in combination wit a function    - Being able to apply v-if in combination wit a function 
  
-===== Source ===== +===== Sourcecode of the solution ===== 
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-if_pizza |Code-example: v-if pizza 1]] +  * Example without image: [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-if_pizza | Code-example: v-if pizza 1]] 
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-if_pizza2 |Code-example: v-if  pizza 2]] +  * Example with image: [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-if_pizza2 |Code-example: v-if pizza 2]] 
-  +
 ===== Assignment 1 ====== ===== Assignment 1 ======
-As we are now capable to use v-if with logical values (true/false), and furhtermore check actual values e.g. numbers, this assignment is about hoch to check stings (words). For this we are going touse the function //text.includes()</b> within our v-if.+As we are now capable to use //v-if// with logical values (true/false), and furthermore check actual values e.g. numbers, this assignment is about hoch to check //string-values// (words). For this we are going to use the function //text.includes()// within the //v-if//.
  
-  - Execute the script. As you can see the content of the variable text is displayed on the screen.  +  - Execute the script. As you can see the content of the variable text is displayed on the screen as //text// contains the search-string //Pizza// with a kapital //P//. 
-  - Now delete the word //Pizza// from the variable text. Execute your script again.  +  - Now delete the word //Pizza// from the variable //text// in the script-area. Execute your script again.  
-  - Note your realisations as a html-comment. +  - Note your realisations as a comment. 
-  - Save your script acoordingly, whether in your W3School workspace or on you local computer in your code-editor Webstorm+  - Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor
  
-===== Assignment 2 ====+===== Assignment 2 =====
 In the if paragraph there is a image of a pizza displayed as well.  In the if paragraph there is a image of a pizza displayed as well. 
  
-  - Add a section //v-else with a according //img-tag// which shows a different image than a pizza. +  - Add a section //v-else// with a according //img-tag// which shows a different image than a pizza. 
-  - Note your realisations as a html-comment. +  - Note your realisations as a code-comment. 
-  - Save your script acoordingly, whether in your W3School workspace or on you local computer in your code-editor Webstorm +  - Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor
  
 ===== Solution ===== ===== Solution =====
Zeile 37: Zeile 37:
 ^ English ^ German ^  ^ English ^ German ^ 
 | afterwards | anschliessend| | afterwards | anschliessend|
-| accordingly | entsprechend+| accordingly | entsprechend |
  
  
  • en/modul/m291/learningunits/lu05/aufgaben/10.1737985306.txt.gz
  • Zuletzt geändert: 2025/01/27 14:41
  • von vdemir