상세 컨텐츠

본문 제목

[Js] 입력 값 그대로 출력 하기 다양한 값 구하기 document.getElementById Math.round

script

by 2hansoul 2022. 9. 13. 17:21

본문

반응형

<table border='0'  cellpadding='3' cellspacing='1' bgcolor='black' width='100%'>
	<tr bgcolor='white' align='center' ><td>작성(Y-m-d)</td><td>금액</td><td>세금<input type='button' id='btn_add' onclick='btn_click()' value='적용'></td></tr>
	<tr bgcolor='white' align='center'>
        <td><input type='date' id='now_date' name='now_date' size='10' maxlength='10' value='<?php echo date("Y-m-d");?>' READONLY></td>
        <td><input type='text' id='in_money' name='in_money' size='20' value='' style='text-align:right'></td>
        <td><input type='text' id='tax_money' size='20' value='' style='text-align:right'  ></td>
	</tr>
</table>

<table border='0' cellpadding='3' cellspacing='1' bgcolor='black' width='100%'>
	<tr bgcolor='white' align='center'><td>금액</td><td>세액</td><td>토탈</td></tr>
	<tr bgcolor='white' align='center'>
		<td><input type='text' id='in_money_1' name='in_money_1' value='' size='20'  ></td>
		<td><input type='text' id='tax_money_1' name='tax_money_1' value='' size='20' ></td>
        <td><input type='text' id='total_money' name='total_money' value='' size='20'  ></td>
	</tr>
</table>

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
function btn_click(){
	var input = $('#in_money').val(); //금액 현재 입력값 
    var cal = Math.round(input/10); //세금은 10%라고 설정             
	
    var tax = document.getElementById('tax_money'); 
    tax.value = cal;          //tax_money id값에 math.round을 한 세금 값을 출력하게 설정 

    var total = parseInt(input)+parseInt(cal);  //금액+세금 js에서는 변수명을 더할 때 parseInt를 사용해야 한다 

	//3자리마다 , 찍기 
	var inputcoma = input.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
	var calcoma = tax.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
	var totalcoma = total.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    
	
	var in_money_1 = document.getElementById('in_money_1');
	in_money_1.value= inputcoma; //위에서 입력한 값을 in_money_1에 그대로 출력

	var tax_money_1 = document.getElementById('tax_money_1');
	tax_money_1.value= cal;

    var total_money = document.getElementById('total_money');
    total_money.value = totalcoma;
	
}
</script>

요즘은 이렇게 작업 안 한다고는 하는데 그래도 기본적인 거라 알아 두면 괜찮다 

대부분의 설명을 주석달아놨고 모르는 부분은 댓글 남겨주시면 최대한 빨리 오겠습니다 

반응형

관련글 더보기

댓글 영역