Vue

by oktaviardi pratama

HTML

<div id="app">
  <div>
    {{countAnnual(750000)}}
  </div>
</div>

<!-- 
function ThreeSum(arr) { 

  arr.sort((a,b) => a - b)
  const tree = []
  for (let i=0; i < arr.length - 2; i++) {
    if(arr[i] != arr[i - 1]) {
      let left = i + 1;
      let right = arr.length - 1;

      while (left < right) {
        const currentSum = arr[i] + arr[left] + arr[right]
        if (currentSum === 0) {
          tree.push([arr[i]], arr[left], arr[right])
          while (arr[left] == arr[left+1]) left ++
          while (arr[right] == arr[right - 1]) right --
          left ++;
          right --;
        }
      } 
    } else if(currentSum < 0) {
      left ++
    } else if(currentSum > 0) {
      right --
    }
  }

  return tree; 

}
   
// keep this function call here 
console.log(ThreeSum([10, 2, 3, 1, 5, 3, 1, 4, -4, -3, -2])); -->

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}

Vue

new Vue({
  el: "#app",
  data: {
  },
  methods: {
  	countAnnual: function(val){
    	let percent = [0.05,0.15,0.25,0.3]
      let count = 0
      	
       while (val > 0) {
         if (val > 500000000) {
         	count += percent[3] * 250000000
          val -= 250000000
         } else if (val <= 500000000 && val >= 250000000) {
					count += percent[2] * 250000000
          val -= 250000000
         } else if (val <= 250000000 && val >= 50000000) {
					count += percent[1] * 200000000
          val -= 20000000
         } else if (val <= 50000000){
         count += percent[0] * 50000000
					val -= 50000000
         }
       }
       
    	return count
    }
  }
})