문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
ecm_계산기 [2015/09/16 21:16] Funzinnu |
ecm_계산기 [2018/02/01 16:25] Funzinnu |
||
---|---|---|---|
줄 1: | 줄 1: | ||
+ | ====== ECM 계산기 ====== | ||
+ | <html> | ||
+ | <table style="width:100%; text-align:center;"> | ||
+ | <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> | ||
+ | |||
+ | <tr> | ||
+ | <td style="width: 25%; background-color: #131d27;"> | ||
+ | <span style="color: #fff;">ECM 강도</span> | ||
+ | </td> | ||
+ | | ||
+ | <td style="width: 25%; background-color: #131d27;"> | ||
+ | <span style="color: #fff;">ECM 갯수</span> | ||
+ | </td> | ||
+ | |||
+ | <td style="width: 25%; background-color: #131d27;"> | ||
+ | <span style="color: #fff;">타겟 센서 강도</span> | ||
+ | </td> | ||
+ | |||
+ | <td style="width: 25%; background-color: #131d27;"> | ||
+ | <span style="color: #fff;">재밍 확률</span> | ||
+ | </td> | ||
+ | </tr> | ||
+ | |||
+ | |||
+ | <tr> | ||
+ | <td style="width: 25%; background-color: #fff;"> | ||
+ | <p style="text-align: center;"> | ||
+ | <form name="form"> | ||
+ | <input type="number" id="item_ecmSTR" size="50" class="inputbox" min="1" max="20" maxlength="4" onkeyup="calc(this.value)" onmouseup="calc(this.value)" value="5" style="width: 100%; text-align: center;"> | ||
+ | </p> | ||
+ | |||
+ | </td> | ||
+ | |||
+ | <td style="width: 25%; background-color: #fff;"> | ||
+ | <p style="text-align: center;"> | ||
+ | <div style="margin: auto;"> | ||
+ | <input type="number" id="item_ecmNum" size="50" class="inputbox" min="1" max="8" maxlength="4" onkeyup="calc(this.value)" onmouseup="calc(this.value)" value="1" style="width: 100%; text-align: center;"> | ||
+ | </div> | ||
+ | </p> | ||
+ | </td> | ||
+ | | ||
+ | <td style="width: 25%; background-color: #fff;"> | ||
+ | <p style="text-align: center;"> | ||
+ | <div style="margin: auto;"> | ||
+ | <input type="number" id="item_sensorSTR" size="50" class="inputbox" min="1" max="500" maxlength="4" onkeyup="calc(this.value)" onmouseup="calc(this.value)" value="20" style="width: 100%; text-align: center;"> | ||
+ | </div> | ||
+ | </p> | ||
+ | </td> | ||
+ | |||
+ | |||
+ | |||
+ | <td style="width: 33%; background-color: #fff;"> | ||
+ | <p style="text-align: center;"> | ||
+ | <h3 id="item_result" style="color:red; width: 100%; text-align: center;"></h3> | ||
+ | </p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </form> | ||
+ | |||
+ | </table> | ||
+ | |||
+ | <script> | ||
+ | function calc(price){ | ||
+ | var ecmstr = $('#item_ecmSTR').val(); | ||
+ | var senstr = $('#item_sensorSTR').val(); | ||
+ | var ecmnum = $('#item_ecmNum').val(); | ||
+ | |||
+ | var result = ((1-(Math.pow(1-ecmstr/senstr, ecmnum)))*100).toFixed(2) + "%"; | ||
+ | |||
+ | $("#item_result").text(result); | ||
+ | |||
+ | function onlyNumber(){ | ||
+ | if ((event.keyCode < 48) || (event.keyCode > 57)){ | ||
+ | event.returnValue = false; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | </html> |