title: Interest calculator in vuejs
body: <p>i have problem with my page. I'm new in vue.js and i don't know how to fix it. This is Interest calculator. It working to calculate Day, credits and etc. It compute missing number with this: </p>
  
  <p>credit= (Full number * percente * day)/(100*365)</p>
  
  <p>this is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="app"&gt;
          &lt;form class="calculate" @keydown.enter="add"&gt;
              &lt;p&gt;credit: &lt;input type="number" id="credit" v-model="credit"&gt;&lt;/p&gt;
              &lt;p&gt;Full number: &lt;input type="number" id="Full_number" v-model="Full_number"&gt;&lt;/p&gt;
              &lt;p&gt;percententa: &lt;input type="number" id="percent" v-model="percent"&gt;&lt;/p&gt;
              &lt;p&gt;day: &lt;input type="number" id="day" v-model="day"&gt;&lt;/p&gt;
              &lt;p class="preview"&gt;{{vysledek}}&lt;/p&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;script&gt;
          var ap = new Vue({
              el: '#app',
              data: {
                  credit: 0,
                  Full_number: 0,
                  percent: 0,
                  day: 0,
                  vysledek: 0,
              },
              methods: {
                  add() {
                      if (!this.credit != 0 &amp;&amp; !this.Full_number != 0 &amp;&amp; !this.percent != 0 &amp;&amp; !this.day == 0) { //day
                          this.vysledek = (this.credit * 365 * 100) / (this.percent * this.Full_number);
                      } else if (!this.credit != 0 &amp;&amp; !this.Full_number != 0 &amp;&amp; !this.day != 0 &amp;&amp; !this.percent == 0) { //percententa
                          this.vysledek = (100 * 365 * this.credit) / (this.Full_number * this.day);
                      } else if (!this.credit != 0 &amp;&amp; !this.percent != 0 &amp;&amp; !this.day != 0 &amp;&amp; !this.Full_number == 0) { //Full_number
                          this.vysledek = (this.credit * 365 * 100) / (this.day * this.percent);
                      } else if (!this.Full_number != 0 &amp;&amp; !this.percent != 0 &amp;&amp; !this.day != 0 &amp;&amp; !this.credit == 0) { //credit
                          this.vysledek = (this.Full_number * this.percent * this.day) / (100 * 365);
                      } else return;
                  }
              },
          })
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>