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:loesungen:10 [2025/03/25 10:51] vdemiren:modul:m291:learningunits:lu05:loesungen:10 [2025/03/28 10:50] (aktuell) vdemir
Zeile 6: Zeile 6:
   * The result will be presented in the right hand side of the window.   * The result will be presented in the right hand side of the window.
  
-===== Assignment  =====+===== Assignment =====
 +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//.
  
-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()// within our 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.  
-  - Execute the script. As you can see the content of the variable text is displayed on the screen.  +  - Note your realisations as a comment. 
-  - Now delete the word //Pizza// from the variable text. Execute your script again.  +  - Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor
-  - Note your realisations as a html-comment. +
-  - Save your script acoordingly, whether in your W3School workspace or on you local computer in your code-editor Webstorm+
  
 ===== Assignment 2 ===== ===== Assignment 2 =====
Zeile 19: Zeile 18:
  
   - 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
  
-===== Solutuons =====+===== Solution =====
 {{:en:modul:m291:learningunits:lu05:loesungen:lu05.s10.zip | Source-code of the solution}} {{:en:modul:m291:learningunits:lu05:loesungen:lu05.s10.zip | Source-code of the solution}}
  
  • en/modul/m291/learningunits/lu05/loesungen/10.1742896309.txt.gz
  • Zuletzt geändert: 2025/03/25 10:51
  • von vdemir