Vue

by hyuckjin

HTML

<div id="exam">
  <input type="text" v-model="amount">
  <p><button @click="inner">예금</button></p>
  <p><button @click="outter">인출</button></p>
  <h3>잔고 : {{money}}</h3>
</div>

Vue

var vm = new Vue({
	el : "#exam",
  data : {
  	amount : 0,
    money : 0
  },
  methods : {
  	inner : function(e){
    	var amt = Number(this.amount);
      if(amt <= 0){
      	alert('0보다 작은 금액은 예금안됨')
      }else{
      	this.money += amt;
      }
    },
    outter : function(e){
    	var amt = Number(this.amount);
      if(amt <= 0){
      	alert('0보다 작은금액 인출안됨');
      }else if(amt > this.money){
      	alert('잔고보다 큰 금액 ㄴ');
      }else{
      	this.money -= amt;
      }
    }
  }
})