<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>
요즘은 이렇게 작업 안 한다고는 하는데 그래도 기본적인 거라 알아 두면 괜찮다
대부분의 설명을 주석달아놨고 모르는 부분은 댓글 남겨주시면 최대한 빨리 오겠습니다
[Js] 시간지나면 설정한 링크로 이동 (0) | 2022.10.24 |
---|---|
[Js] ajax post로 데이터 보내기 (0) | 2022.10.05 |
[js] jscript 랜덤 한 번호 출력(feat 로또번호) (0) | 2022.06.30 |
[js] javascript setInterval 타이머 설정해서 링크 이동 (0) | 2022.06.09 |
?var = '날짜' img 이미지 적용하기 정적 컨텐츠 (0) | 2022.02.10 |
댓글 영역