From 7072769214688375a6b6a8b0e28cbd5d2984fb8a Mon Sep 17 00:00:00 2001 From: Andreas Zweili Date: Mon, 18 Jan 2021 17:16:42 +0100 Subject: [PATCH] add solution to assignment --- basics-assignment-1-problem/app.js | 27 ++++++++++++++++ basics-assignment-1-problem/index.html | 45 +++++++++++++------------- 2 files changed, 50 insertions(+), 22 deletions(-) diff --git a/basics-assignment-1-problem/app.js b/basics-assignment-1-problem/app.js index e69de29..5997ff9 100644 --- a/basics-assignment-1-problem/app.js +++ b/basics-assignment-1-problem/app.js @@ -0,0 +1,27 @@ +"use strict"; + +const app = Vue.createApp({ + data() { + return { + person: { + name: "Max Muster", + age: 32, + ageInFiveYears() { + return this.age + 5; + }, + }, + imageUrl: + "https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Feral_cat_Virginia_crop.jpg/1200px-Feral_cat_Virginia_crop.jpg", + }; + }, + methods: { + randomNumber() { + return Math.random(); + }, + ageInFiveYears(age) { + return age + 5; + }, + }, +}); + +app.mount("#assignment"); diff --git a/basics-assignment-1-problem/index.html b/basics-assignment-1-problem/index.html index 39a51d9..a5b7531 100644 --- a/basics-assignment-1-problem/index.html +++ b/basics-assignment-1-problem/index.html @@ -1,33 +1,34 @@ - + + Vue Basics - + - - + + +
- -

YOUR NAME

- -

YOUR AGE

- -

YOUR AGE in 5 years

- -

Favorite Number: RANDOM NUMBER BETWEEN 0 AND 1

-
- - -
- - + +

{{ person.name }}

+ +

{{ person.age }}

+ +

{{ ageInFiveYears(person.age) }}

+ +

Favorite Number: {{ randomNumber() }}

+

Favorite Number: {{ Math.random() }}

+
+ + +
+ +
- + +