add a button to go to the previous word; closes #10

smartool · Jan 16, 2019 · f332557 · f332557
1 parent 3ad32a7
commit f332557
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -76,6 +76,8 @@ <h1>{{ words[counter] }}</h1>
         <div class="row">
           <div class="col-md-12">
             <div v-if="num_words > 1">
+              <button v-on:click="previous_word" type="button" class="btn-xs btn-success">Previous word</button>
+              &nbsp;
               <button v-on:click="next_word" type="button" class="btn-xs btn-success">Next word</button>
               &nbsp;
               &nbsp;

diff --git a/js/app.js b/js/app.js
@@ -73,6 +73,13 @@
             }
         },
         methods: {
+            previous_word: function() {
+                this.counter -= 1;
+                if (this.counter < 0) {
+                    this.counter = this.num_words - 1;
+                }
+                this.word = this.words[this.counter];
+            },
             next_word: function() {
                 this.counter += 1;
                 if (this.counter > (this.num_words - 1)) {