<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<meta name="author" content="제로스나이퍼"/>
		<meta name="keywords" content="Weapon"/>
		<title>Weapon</title>
		<style type="text/css">
			body {
				font-family: sans-serif;
				background-color: #080403;
				color: #F1C999;
				line-height: 25px;
			}
			div {
				float:left;
				padding: 10px;
			}
			table, th, td {
				border: 1px solid #F1C999;
				border-collapse: collapse;
			}
			th, td {
				padding: 5px;
			}
			tr:nth-child(even) {
				background-color: #440C0C;
			}
			tr:nth-child(odd) {
				background-color: #2E0A0A;
			}
			.currentBP {
				font-weight: bold;
				color: #00AA00;
			}
			select {
				background-color: #080403;
				color: #F1C999;
				border: 1px solid #F1C999;
			}
			option:checked {
				background-image: linear-gradient(#440C0C, #440C0C);
			}
			h3 {
				font-weight: bold;
				padding: 7px;
			}
		</style>
		<script defer="true" type="text/javascript">
			function Comma(CHG){ 
				return CHG.replace(/(\d)(?=(?:\d{3})+(?!\d))/g,'$1,'); 
			} 

			function updateOutput() {


				var calculated1 = document.getElementById("calculated1");
				var calculated2 = document.getElementById("calculated2");
				var calculated3 = document.getElementById("calculated3");
				var calculated4 = document.getElementById("calculated4");



				

				var Dex = parseFloat(document.getElementById("Dex").value);
				var M = parseFloat(document.getElementById("M").value);


				var WMin1 = parseFloat(document.getElementById("WMin1").value);
				var WMax1 = parseFloat(document.getElementById("WMax1").value);
				var Dmg1 = parseFloat(document.getElementById("Dmg1").value);			
				var Dex1 = parseFloat(document.getElementById("Dex1").value);
				var M1 = parseFloat(document.getElementById("M1").value);







				var WMin1;
				var WMax1;	


	

				var WMin1C;
				var WMax1C;	


				


				var Dmg;
				var WDmg;
				var PDmg;
				var MDmg;
				var JDmg;

				var W;
				var P;
				var M;
				var J;

				var WC;
				var PC;
				var MC;
				var JC;

		
				Dmg = (WMin1+WMax1+143+815)*(1+Dmg1/100)/2*[1+(Dex+Dex1)/100]*[1+(M+M1)*0.4];
				WDmg = (1560+1940+143+815)*(1+Dmg1/100)/2*[1+(Dex+Dex1)/100]*[1+(M+M1)*0.4];
				PDmg = (WMin1+WMax1+143+815)*(1+0.1)/2*[1+(Dex+Dex1)/100]*[1+(M+M1)*0.4];
				MDmg = (WMin1+WMax1+143+815)*(1+Dmg1/100)/2*[1+(Dex+1000)/100]*[1+(M+M1)*0.4];
				JDmg = (WMin1+WMax1+143+815)*(1+Dmg1/100)/2*[1+(Dex+Dex1)/100]*[1+(M+12)*0.4];

				if((Dmg-WDmg)>=0)
					W = (Dmg/WDmg-1)*100;
			        else
					W = (WDmg/Dmg-1)*100;

				if((Dmg-PDmg)>=0)
					P = (Dmg/PDmg-1)*100;
			        else
					P = (PDmg/Dmg-1)*100;

				if((Dmg-MDmg)>=0)
					M = (Dmg/MDmg-1)*100;
			        else
					M = (MDmg/Dmg-1)*100;

				if((Dmg-JDmg)>=0)
					J = (Dmg/JDmg-1)*100;
			        else
					J = (JDmg/Dmg-1)*100;

				
				WC = Comma(W.toFixed(2));
				PC = Comma(P.toFixed(2));
				MC = Comma(M.toFixed(2));
				JC = Comma(J.toFixed(2	));



				calculated1.innerHTML = "무기공격력 마부시 증댐% : + " + WC + "%&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp";
				calculated2.innerHTML = "피해 마부시 증댐% : + " + PC + "%";
				calculated3.innerHTML = "민첩 마부시 증댐% : + " + MC + "%";
				calculated4.innerHTML = "절제 마부시 증댐% : + " + JC + "%";


			}	

    			function isNumberKey(evt) {

			        var charCode = (evt.which) ? evt.which : event.keyCode;
	
			        if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
			            return false;
		       }

		</script>
	</head>

	<body onload="updateOutput()">
		<form>
			<div width=100%>
				<table>
					<tr>
						<th>착용전&nbsp&nbsp스탯</th>
						<td>	
							민  첩 : <input type="text" style="text-align: right;" id="Dex" value="0" maxlength=5 size=2 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input>
							<br>절  제 : <input type="text" style="text-align: right;" id="M" value="0" maxlength=3 size=2 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input> [착용전 절제 최대 : 74(요르단84)]
						</td>
					</tr>
					<tr>
						<th>무&nbsp&nbsp기&nbsp&nbsp정&nbsp&nbsp보</th>
						<td>	<table>	
								<tr>
									<th>주&nbsp&nbsp&nbsp&nbsp요&nbsp&nbsp&nbsp&nbsp속&nbsp&nbsp&nbsp&nbsp 성</th>
								</tr>
								<tr>

									<td>	
										무기공격력 : + <input type="text" style="text-align: right;" id="WMin1" value="0" maxlength=6 size=3 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input> ~ <input type="text" style="text-align: right;" id="WMax1" value="0" maxlength=6 size=3 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input>&nbsp[최대 : + 1560 ~ 1940]
										<br>피  해 : <input type="text" style="text-align: right;" id="Dmg1" value="0" maxlength=2 size=2 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input>% [최대 : 10%]
										<br>민  첩 : <input type="text" style="text-align: right;" id="Dex1" value="0" maxlength=5 size=2 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input> [최대 : 1000]
										<br>절  제 : <input type="text" style="text-align: right;" id="M1" value="0" maxlength=3 size=2 onkeyup="updateOutput()" onkeypress="return isNumberKey(event)"></input> [최대 : 12]
							
									</td>
								</tr>
							</table>
						</td>
					</tr>

					<tr>
						<th>항목별 증댐%</th>
						<td>
							<table>
								<tr>
                                                                	<td>
										<b id="calculated1"/>
									</td>
								</tr>
								<tr>
                                                                	<td>
										<b id="calculated2"/>
									</td>
								</tr>
								<tr>
                                                                	<td>
										<b id="calculated3"/>
									</td>
								</tr>
								<tr>
                                                                	<td>
										<b id="calculated4"/>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr height = 65>
						<th>비&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp고</th>
						<td>
	
							<b> 증댐수치가 비슷할 경우 우선순위 절제>피해>무공>민첩 </b>
							<br><b> 민첩은 정렙이 올라갈수록 증댐수치가 감소하니 주의 </b>
	
						</td>
					</tr>




				</table>
				</div>

					


		</form>
	</body>
</html>