JavaScript 원화 환산 구현

by JM note

HTML

<br><span class='zex' cur='USD'>1</span>
<br><span class='zex' cur='USD'>$2</span>
<br><span class='zex' cur='USD'>＄3</span>
<br><span class='zex' cur='JPY'>￥100</span> 
<br><span class='zex'>100</span>

<script src='//code.jquery.com/jquery.min.js'></script>
<script>
if($(".zex")[0]){
	$.getJSON('https://api.exchangeratesapi.io/latest?base=KRW')
	.done(function(data){
		$('.zex').each(function() {
			var cur = $(this).attr('cur');
			if( cur == undefined ) return;
			var old = $(this).text();
			var num = Math.round(old.match(/\d+/)[0]/data.rates[cur]);
			num = num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
			$(this).html( old + ' <small>(약 '+ num +'원)<small>');
		})
	})
}
</script>