JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCUMENT html>
<body >
<H4>Coded & Distributed by [Lute]kopory.</H4>
<!-- based on the expected value calculation by [Lute] Rabaco -->
<H5>Base calculation source from [Lute] Rabaco.</H5>
<!-- Description -->
<br> <p >------Gb = <span style = "color:red;">"채집속도 효과"</span>-------</p>
<!-- Required values -->
<p style ="color:green;font-size:100%;"><a style ="color:green;font-size:100%;" href = "http://jsfiddle.net/y7mdhLat/16/embedded/result/" target="_blank">풍년가 퍼센트</a> <input type = "number" id ="Percentage" value = "30" style ="color:green;width:40px;" ><span style = "color:black;">%</span></p>
<!-- Where 30 is a default value -->
<p style ="color:blue;">타이틀:</p> <p>접두: 바쁜 <span style = "color:red;">(Gb 3%)</span><input type = "checkbox" id = "luau"> 접미2차: 리즈벳<span style = "color:red;">(Gb 5%)</span> <input type = "checkbox" id = "rs"></p>
<p style ="color:brown;"> 펫:</p>
<p>플로라 <input type = "checkbox" id ="gathering"> <span style = "color:red;">(Gb10%)</span></p>
<p>핑오차(초) <input type = "number" id = "ping" value ="0.0" step ="0.1" style ="width:40px;"></p>
<!-- Result -->
<p><-----------------------------------------></-----------------------------------------></p><br>
<button id = "clickme" onclick = "calc()"> 계산하기 </button>
<p id = "Resultcss">결과: <span id = "result1"></span></p>
<br><H5> 계산하는 법.</H5>
<!--First step -->
<h6>First step:</h6>
<p> 스킬 시전 (1s) + 스킬 모션 (<span id = "result2">0</span>)+ 핑오차(<span id = "result10">0</span>) = <span id = "result3"></span></p>
<h6>Second step:</h6>
<p style ="font-size:80%"> 야금지 20초 - 무기스왑 반응 1초 = 19초</p>
<p> 19s /(<span id = "result4">1</span>)</p><p> 그러면 "<span id = "result5"></span>"가 나옵니다.</p>
<p style ="color:red;font-size:90%"> 이 말은 "<span id = "result6" style ="color:black;font-size:110%"></span>"번 야금이 가능하고 "<span id = "result7"style ="color:black;font-size:110%" ></span>"의 잔여 시간이 남습니다. </p>
<br><p> 주의#1:<p> 만약 잔여시간이 (1초)아래 라면, (<span id = "result8"style ="color:blue;font-size:110%" ></span>)번 모두...