LU05.S10 - v-if and functions

• 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.

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.

1. 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.
2. Now delete the word Pizza from the variable text in the script-area. Execute your script again.
3. Note your realisations as a comment.
4. Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor

In the if paragraph there is a image of a pizza displayed as well.

1. Add a section v-else with a according img-tag which shows a different image than a pizza.
2. Note your realisations as a code-comment.
3. Save your script acordingly, whether in your W3School workspace or locally in your Webstorm code-editor

Source-code of the solution

Volkan Demir