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() }}
+
+
+
![]()
+