LU05.A11 - v-if, v-else ... combined with AND/OR operators

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 20 Minutes
• Expected result: A Vue script that displays HTML elements based on input values.

1. Explaining the The directive v-if in your own word.
2. Being able to apply v-if in combination with AND/OR operators

• Use the following code-example since it provides you with the basic structure of a Vue file.
• Delete first of all the image, and then begin from the scratch to build up your program logic following the requirements of the assigment.
• To meet the requirements you will need an additional variable hasAdult, which is from type bool.

• Code-example

This assignment combines -vif with the using of local AND/OR-operators. That means that several rules must be obeyed in the if-clause.

1. People under the age of 12 are not allowed to go to the cinema.
2. Execute your script and check the result. Proceed only, if the result is correct.
3. Under 12 and with adult company they are allowed to up to 6 o'clock pm.
4. Execute your script and check the result. Proceed only, if the result is correct.
5. Between 12 and 16 they are allowed up to 6 o'clock pm, even without an adult company.
6. Execute your script and check the result. Proceed only, if the result is correct.
7. Between 12 and 16 they may attend to screenings if they are accompanied by an adult.
8. Execute your script and check the result. Proceed only, if the result is correct.
9. Person older than 16 may go to the cinemas without time restriction.
10. Execute your script and check the result. Proceed only, if the result is correct.
11. Comment and save your script your results accordingly.

Lösung

Volkan Demir