Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:loesungen:10 [2025/03/18 07:42] – gelöscht vdemir
+++ en:modul:m291:learningunits:lu05:loesungen:10 [2025/03/28 10:50] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
+====== LU05.S10 - v-if and functions ======
+===== Hints ====
+  * Download the file and copy the content into the code area of the W3School on the left hand side of the coding window.
+  * You can execute the code by pressing the //run// button
+  * The result will be presented in the right hand side of the window.
+===== Assignment 1 ======
+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 as //text// contains the search-string //Pizza// with a kapital //P//.
+  - Now delete the word //Pizza// from the variable //text// in the script-area. Execute your script again.
+  - Note your realisations as a comment.
+  - Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor
+===== Assignment 2 =====
+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.
+  - Note your realisations as a code-comment.
+  - Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor
+===== Solution =====
+{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s10.zip | Source-code of the solution}}
+{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s10.png| }}
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir