From 0272792ed0472bf88babf9f466b45e95f5fb33ec Mon Sep 17 00:00:00 2001 From: Brandon Sarazin Date: Tue, 17 May 2022 19:31:17 -0400 Subject: [PATCH 1/3] lab05 --- code/Brandon/javascript/lab05/index.html | 29 ++++++++++++++++++++++++ code/Brandon/javascript/lab05/script.js | 27 ++++++++++++++++++++++ 2 files changed, 56 insertions(+) create mode 100644 code/Brandon/javascript/lab05/index.html create mode 100644 code/Brandon/javascript/lab05/script.js diff --git a/code/Brandon/javascript/lab05/index.html b/code/Brandon/javascript/lab05/index.html new file mode 100644 index 00000000..02b3c2ff --- /dev/null +++ b/code/Brandon/javascript/lab05/index.html @@ -0,0 +1,29 @@ + + + + + + + To Do List + + + + +
+ + + + + +
+ + + + \ No newline at end of file diff --git a/code/Brandon/javascript/lab05/script.js b/code/Brandon/javascript/lab05/script.js new file mode 100644 index 00000000..11ad561e --- /dev/null +++ b/code/Brandon/javascript/lab05/script.js @@ -0,0 +1,27 @@ +const App = { + data() { + return { + message: "welcome to Vue", + inputText: "", + listItems: [], + complete: true, + }; + }, + methods: { + clickButton() { + inputText = this.inputText; + this.listItems.push(inputText); + }, + deleteItem(e) { + var elem = document.getElementById("del"); + elem.parentNode.remove(elem); + return false; + }, + completeItem() { + this.complete = !this.complete; + }, + }, +}; + +const app = Vue.createApp(App); +app.mount("#app"); From 6bd9a48fd7bd2ed382b6456e1e672eec46c54e10 Mon Sep 17 00:00:00 2001 From: Brandon Sarazin Date: Wed, 18 May 2022 17:13:17 -0400 Subject: [PATCH 2/3] lab05 --- code/Brandon/javascript/lab05/style.css | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 code/Brandon/javascript/lab05/style.css diff --git a/code/Brandon/javascript/lab05/style.css b/code/Brandon/javascript/lab05/style.css new file mode 100644 index 00000000..0ac71b8d --- /dev/null +++ b/code/Brandon/javascript/lab05/style.css @@ -0,0 +1,3 @@ +.complete { + text-decoration:line-through; +} From 96d506a64814c17bc348e0d8f8317e537002a1e4 Mon Sep 17 00:00:00 2001 From: Brandon Sarazin Date: Wed, 18 May 2022 17:17:26 -0400 Subject: [PATCH 3/3] lab05 --- code/Brandon/javascript/lab05/index.html | 10 ++++------ code/Brandon/javascript/lab05/script.js | 14 ++++++-------- 2 files changed, 10 insertions(+), 14 deletions(-) diff --git a/code/Brandon/javascript/lab05/index.html b/code/Brandon/javascript/lab05/index.html index 02b3c2ff..9aba05ad 100644 --- a/code/Brandon/javascript/lab05/index.html +++ b/code/Brandon/javascript/lab05/index.html @@ -7,6 +7,7 @@ To Do List +
@@ -15,15 +16,12 @@
    -
  • - {{ item }} - {{ item }} +
  • - + Complete: + {{ item.task }}
- - \ No newline at end of file diff --git a/code/Brandon/javascript/lab05/script.js b/code/Brandon/javascript/lab05/script.js index 11ad561e..49d02351 100644 --- a/code/Brandon/javascript/lab05/script.js +++ b/code/Brandon/javascript/lab05/script.js @@ -4,21 +4,19 @@ const App = { message: "welcome to Vue", inputText: "", listItems: [], - complete: true, }; }, methods: { clickButton() { - inputText = this.inputText; - this.listItems.push(inputText); + this.listItems.push({ + task: this.inputText, + complete: false, + }); + inputText = ""; }, - deleteItem(e) { + deleteItem() { var elem = document.getElementById("del"); elem.parentNode.remove(elem); - return false; - }, - completeItem() { - this.complete = !this.complete; }, }, };