diff --git a/basics-assignment-4-problem/app.js b/basics-assignment-4-problem/app.js index a521ca1..b14fcc8 100644 --- a/basics-assignment-4-problem/app.js +++ b/basics-assignment-4-problem/app.js @@ -5,6 +5,7 @@ const app = Vue.createApp({ return { user1: false, user2: false, + inputClass: "", paragraphVisible: true, paragraphHidden: false, inputColor: "", @@ -21,25 +22,10 @@ const app = Vue.createApp({ }, }, methods: { - getUserInput(event) { - const inputValue = event.target.value; - if (inputValue === "user1") { - this.user1 = true; - } else if (inputValue === "user2") { - this.user2 = true; - } else { - this.user1 = false; - this.user2 = false; - } - }, toggleParagraphVisibility() { this.paragraphVisible = !this.paragraphVisible; this.paragraphHidden = !this.paragraphHidden; }, - setBackgroundColor(event) { - console.log(event.target.value); - this.inputColor = event.target.value; - }, }, }); diff --git a/basics-assignment-4-problem/index.html b/basics-assignment-4-problem/index.html index 81b2db2..8866293 100644 --- a/basics-assignment-4-problem/index.html +++ b/basics-assignment-4-problem/index.html @@ -18,7 +18,7 @@
- +

Style me! @@ -28,7 +28,7 @@ - +

Style me inline!