4th Street Bar Hive-Bar

Hive-Bar Powered by Hive beta-fdb5b5b

Community post

[Steemit javascript api 사용하기 레슨7] 업보팅 계산하기2(나의보팅파워와 스팀달라넣기)

안녕하세요 @fullmi입니다.

오늘은 저번과 같이 업보팅 계산을 할건데요. 

저번에는 직접 자기의 스팀파워와 보팅파워를 수동으롤 넣어서 계산하게 했습니다.

오늘은 스팀파워 보팅파워를 자동으로 셋팅해서 계산하는 시간을 가지려 합니다.

소스는 다 비슷하고요 스팀파워와 보팅파워를 가져오는 부분이 좀 틀릴수 있네요

주석을달아 놨으니 혹시 모르시는 부분이 있으시면 말씀 부탁드릴께요.


<!-- 오늘은 업보팅을 계산해 보려합니다.
일단 저도 지식이 전무해서
위의 사이트 스크립트를 이용해 보겠습니다.
위 사이트에서는 steam-js를 이용했네요
저희도 똑같이 해보겠습니다.
일단 아래의 스크립트를 참조합니다.

스팀파워,보팅파워,보팅웨이트를 넣을 박스를 만듭니다.
아래의 <body>이하의 html과 같이 이름을 꼭 맞춰주셔야해요^^


-->
<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Voteing Power</title>
<script>
</span>(<spanstyle="color:#569cd6;">function</span>()</div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">a</span>,<spanstyle="color:#9cdcfe;">n</span>,<spanstyle="color:#9cdcfe;">r</span>,<spanstyle="color:#9cdcfe;">i</span>,<spanstyle="color:#9cdcfe;">o</span>,<spanstyle="color:#9cdcfe;">p</span>=<spanstyle="color:#b5cea8;">1e4</span>;</div><div><spanstyle="color:#608b4e;">//입력한값으로보팅달러계산하기</span></div><div><spanstyle="color:#569cd6;">function</span><spanstyle="color:#dcdcaa;">init</span>()</div><div><spanstyle="color:#608b4e;">//보팅파워계산해서엘러먼트에반인딩</span></div><div><spanstyle="color:#9cdcfe;"></span>(<span style="color: #569cd6;">function</span> () {</div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">a</span>, <span style="color: #9cdcfe;">n</span>, <span style="color: #9cdcfe;">r</span>, <span style="color: #9cdcfe;">i</span>, <span style="color: #9cdcfe;">o</span>, <span style="color: #9cdcfe;">p</span> = <span style="color: #b5cea8;">1e4</span>;</div><div> <span style="color: #608b4e;">//입력한 값으로 보팅 달러 계산하기</span></div><div> <span style="color: #569cd6;">function</span> <span style="color: #dcdcaa;">init</span>() {</div><div> <span style="color: #608b4e;">//보팅파워계산해서 엘러먼트에 반인딩</span></div><div> <span style="color: #9cdcfe;">.ajax({
type: "POST",
data: '{"id":0,"jsonrpc":"2.0","method":"database_api.find_accounts","params":{"accounts":["fullmi"]}}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
console.log(result);
var account = result.result.accounts[0];
var votingPower = account.voting_power;
//최근보팅이 얼마전에 있었는지 계산이 필요함
var sec = (new Date - new Date(account.last_vote_time + "Z")) / 1000;
//다음으로는 마지막으로 업보드한 보팅파워에 새롭게 계산된 파팅파워를 더한다.
var reVotingPower = votingPower + (10000 * sec / 432000);
//소수점 2자리까지 계산한 보팅파워 단 100%를 넘지 않는다.
reVotingPower = Math.min(reVotingPower / 100, 100).toFixed(2);
</span>(<spanstyle="color:#ce9178;">"input[name='frmvotingpower']"</span>).<spanstyle="color:#dcdcaa;">val</span>(<spanstyle="color:#9cdcfe;">reVotingPower</span>);</div><div>}</div><div>});</div><div><spanstyle="color:#608b4e;">//스팀파워계산해서엘러먼트에바인딩</span></div><div><spanstyle="color:#9cdcfe;"></span>(<span style="color: #ce9178;">"input[name='frm_votingpower']"</span>).<span style="color: #dcdcaa;">val</span>(<span style="color: #9cdcfe;">reVotingPower</span>);</div><div> }</div><div> });</div><div> <span style="color: #608b4e;">//스팀파워계산해서 엘러먼트에 바인딩</span></div><div> <span style="color: #9cdcfe;">.ajax({
type: "POST",
data: '{"id": 0,"jsonrpc":"2.0","method":"database_api.find_accounts","params":{"accounts": ["fullmi"]}}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (r) {
console.log(r);
var response = r.result.accounts[0];
//나의 영향력.
var vestingShares = response.vesting_shares.amount / Math.pow(10, response.vesting_shares.precision);;
console.log(vestingShares);
//글로벌 프로퍼티값 가져오기
</span>.<spanstyle="color:#dcdcaa;">ajax</span>(</div><div><spanstyle="color:#9cdcfe;">url:</span><spanstyle="color:#ce9178;">'<ahref="https://api.steemit.com">https://api.steemit.com</a>'</span>,</div><div><spanstyle="color:#9cdcfe;">type:</span><spanstyle="color:#ce9178;">"POST"</span>,</div><div><spanstyle="color:#9cdcfe;">data:</span><spanstyle="color:#ce9178;">'"id":1,"jsonrpc":"2.0","method":"databaseapi.getdynamicglobalproperties"'</span>,</div><div><spanstyle="color:#9cdcfe;">contentType:</span><spanstyle="color:#ce9178;">"application/json;charset=utf-8"</span>,</div><div><spanstyle="color:#9cdcfe;">dataType:</span><spanstyle="color:#ce9178;">"json"</span>,</div><div><spanstyle="color:#dcdcaa;">success</span><spanstyle="color:#9cdcfe;">:</span><spanstyle="color:#569cd6;">function</span>(<spanstyle="color:#9cdcfe;">g</span>)</div><div><spanstyle="color:#4ec9b0;">console</span>.<spanstyle="color:#dcdcaa;">log</span>(<spanstyle="color:#9cdcfe;">g</span>);</div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">gr</span>=<spanstyle="color:#9cdcfe;">g</span>.<spanstyle="color:#9cdcfe;">result</span>;</div><div><spanstyle="color:#608b4e;">//토탈기여스팀기여도</span></div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">totalVestingFundSteem</span>=<spanstyle="color:#9cdcfe;">gr</span>.<spanstyle="color:#9cdcfe;">totalvestingfundsteem</span>.<spanstyle="color:#9cdcfe;">amount</span>/<spanstyle="color:#4ec9b0;">Math</span>.<spanstyle="color:#dcdcaa;">pow</span>(<spanstyle="color:#b5cea8;">10</span>,<spanstyle="color:#9cdcfe;">gr</span>.<spanstyle="color:#9cdcfe;">totalvestingfundsteem</span>.<spanstyle="color:#9cdcfe;">precision</span>);</div><div><spanstyle="color:#608b4e;">//토탈기여도</span></div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">totalVests</span>=<spanstyle="color:#9cdcfe;">gr</span>.<spanstyle="color:#9cdcfe;">totalvestingshares</span>.<spanstyle="color:#9cdcfe;">amount</span>/<spanstyle="color:#4ec9b0;">Math</span>.<spanstyle="color:#dcdcaa;">pow</span>(<spanstyle="color:#b5cea8;">10</span>,<spanstyle="color:#9cdcfe;">gr</span>.<spanstyle="color:#9cdcfe;">totalvestingshares</span>.<spanstyle="color:#9cdcfe;">precision</span>);;</div><div><spanstyle="color:#9cdcfe;">a</span>=<spanstyle="color:#9cdcfe;">totalVestingFundSteem</span>/<spanstyle="color:#9cdcfe;">totalVests</span>;</div><div><spanstyle="color:#608b4e;">//스팀파워</span></div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">steemPower</span>=(<spanstyle="color:#9cdcfe;">totalVestingFundSteem</span>*(<spanstyle="color:#9cdcfe;">vestingShares</span>/<spanstyle="color:#9cdcfe;">totalVests</span>)).<spanstyle="color:#dcdcaa;">toFixed</span>(<spanstyle="color:#b5cea8;">2</span>);</div><div><spanstyle="color:#4ec9b0;">console</span>.<spanstyle="color:#dcdcaa;">log</span>(<spanstyle="color:#9cdcfe;">steemPower</span>);</div><div><spanstyle="color:#dcdcaa;"></span>.<span style="color: #dcdcaa;">ajax</span>({</div><div> <span style="color: #9cdcfe;">url:</span> <span style="color: #ce9178;">'<a href="https://api.steemit.com">https://api.steemit.com</a>'</span>,</div><div> <span style="color: #9cdcfe;">type:</span> <span style="color: #ce9178;">"POST"</span>,</div><div> <span style="color: #9cdcfe;">data:</span> <span style="color: #ce9178;">'{"id": 1,"jsonrpc":"2.0","method":"database_api.get_dynamic_global_properties"}'</span>,</div><div> <span style="color: #9cdcfe;">contentType:</span> <span style="color: #ce9178;">"application/json; charset=utf-8"</span>,</div><div> <span style="color: #9cdcfe;">dataType:</span> <span style="color: #ce9178;">"json"</span>,</div><div> <span style="color: #dcdcaa;">success</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">function</span> (<span style="color: #9cdcfe;">g</span>) {</div><div> <span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #9cdcfe;">g</span>);</div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">gr</span> = <span style="color: #9cdcfe;">g</span>.<span style="color: #9cdcfe;">result</span>;</div><div> <span style="color: #608b4e;">//토탈기여스팀 기여도 </span></div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">totalVestingFundSteem</span> = <span style="color: #9cdcfe;">gr</span>.<span style="color: #9cdcfe;">total_vesting_fund_steem</span>.<span style="color: #9cdcfe;">amount</span> / <span style="color: #4ec9b0;">Math</span>.<span style="color: #dcdcaa;">pow</span>(<span style="color: #b5cea8;">10</span>, <span style="color: #9cdcfe;">gr</span>.<span style="color: #9cdcfe;">total_vesting_fund_steem</span>.<span style="color: #9cdcfe;">precision</span>);</div><div> <span style="color: #608b4e;">//토탈기여도</span></div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">totalVests</span> = <span style="color: #9cdcfe;">gr</span>.<span style="color: #9cdcfe;">total_vesting_shares</span>.<span style="color: #9cdcfe;">amount</span> / <span style="color: #4ec9b0;">Math</span>.<span style="color: #dcdcaa;">pow</span>(<span style="color: #b5cea8;">10</span>, <span style="color: #9cdcfe;">gr</span>.<span style="color: #9cdcfe;">total_vesting_shares</span>.<span style="color: #9cdcfe;">precision</span>);;</div><div> <span style="color: #9cdcfe;">a</span> = <span style="color: #9cdcfe;">totalVestingFundSteem</span> / <span style="color: #9cdcfe;">totalVests</span>;</div><div> <span style="color: #608b4e;">//스팀파워</span></div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">steemPower</span> = (<span style="color: #9cdcfe;">totalVestingFundSteem</span> * (<span style="color: #9cdcfe;">vestingShares</span> / <span style="color: #9cdcfe;">totalVests</span>)).<span style="color: #dcdcaa;">toFixed</span>(<span style="color: #b5cea8;">2</span>);</div><div> <span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #9cdcfe;">steemPower</span>);</div><div> <span style="color: #dcdcaa;">("input[name='frm_steempower']").val(steemPower);
}
})
}
})
}
function e() {
var e = </span>(<spanstyle="color:#ce9178;">"input[name='frmsteempower']"</span>).<spanstyle="color:#dcdcaa;">val</span>()</div><div>,<spanstyle="color:#9cdcfe;">t</span>=<spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"input[name='frm_steempower']"</span>).<span style="color: #dcdcaa;">val</span>()</div><div> , <span style="color: #9cdcfe;">t</span> = <span style="color: #dcdcaa;">("input[name='frm_votingpower']").val()
, n = </span>(<spanstyle="color:#ce9178;">"input[name='frmvoteweight']"</span>).<spanstyle="color:#dcdcaa;">val</span>()</div><div>,<spanstyle="color:#9cdcfe;">r</span>=<spanstyle="color:#9cdcfe;">e</span>/<spanstyle="color:#9cdcfe;">a</span></div><div>,<spanstyle="color:#9cdcfe;">m</span>=<spanstyle="color:#dcdcaa;">parseInt</span>(<spanstyle="color:#b5cea8;">100</span>*<spanstyle="color:#9cdcfe;">t</span>*(<spanstyle="color:#b5cea8;">100</span>*<spanstyle="color:#9cdcfe;">n</span>)/<spanstyle="color:#9cdcfe;">p</span>);</div><div><spanstyle="color:#9cdcfe;">m</span>=<spanstyle="color:#dcdcaa;">parseInt</span>((<spanstyle="color:#9cdcfe;">m</span>+<spanstyle="color:#b5cea8;">49</span>)/<spanstyle="color:#b5cea8;">50</span>);</div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">l</span>=<spanstyle="color:#dcdcaa;">parseInt</span>(<spanstyle="color:#9cdcfe;">r</span>*<spanstyle="color:#9cdcfe;">m</span>*<spanstyle="color:#b5cea8;">100</span>)*<spanstyle="color:#9cdcfe;">i</span>*<spanstyle="color:#9cdcfe;">o</span>;</div><div><spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"input[name='frm_voteweight']"</span>).<span style="color: #dcdcaa;">val</span>()</div><div> , <span style="color: #9cdcfe;">r</span> = <span style="color: #9cdcfe;">e</span> / <span style="color: #9cdcfe;">a</span></div><div> , <span style="color: #9cdcfe;">m</span> = <span style="color: #dcdcaa;">parseInt</span>(<span style="color: #b5cea8;">100</span> * <span style="color: #9cdcfe;">t</span> * (<span style="color: #b5cea8;">100</span> * <span style="color: #9cdcfe;">n</span>) / <span style="color: #9cdcfe;">p</span>);</div><div> <span style="color: #9cdcfe;">m</span> = <span style="color: #dcdcaa;">parseInt</span>((<span style="color: #9cdcfe;">m</span> + <span style="color: #b5cea8;">49</span>) / <span style="color: #b5cea8;">50</span>);</div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">l</span> = <span style="color: #dcdcaa;">parseInt</span>(<span style="color: #9cdcfe;">r</span> * <span style="color: #9cdcfe;">m</span> * <span style="color: #b5cea8;">100</span>) * <span style="color: #9cdcfe;">i</span> * <span style="color: #9cdcfe;">o</span>;</div><div> <span style="color: #dcdcaa;">("#vote_value").text(l.toFixed(2)),
</span>(<spanstyle="color:#ce9178;">"#votevalue"</span>).<spanstyle="color:#dcdcaa;">hide</span>().<spanstyle="color:#dcdcaa;">fadeIn</span>(<spanstyle="color:#ce9178;">"fast"</span>)</div><div>}</div><div><spanstyle="color:#569cd6;">function</span><spanstyle="color:#dcdcaa;">t</span>()</div><div><spanstyle="color:#608b4e;">//리워드값가져오기</span></div><div><spanstyle="color:#9cdcfe;">steem</span>.<spanstyle="color:#9cdcfe;">api</span>.<spanstyle="color:#dcdcaa;">getRewardFund</span>(<spanstyle="color:#ce9178;">"post"</span>,<spanstyle="color:#569cd6;">function</span>(<spanstyle="color:#9cdcfe;">e</span>,<spanstyle="color:#9cdcfe;">t</span>)</div><div><spanstyle="color:#9cdcfe;">n</span>=<spanstyle="color:#9cdcfe;">t</span>.<spanstyle="color:#9cdcfe;">rewardbalance</span>,</div><div><spanstyle="color:#9cdcfe;">r</span>=<spanstyle="color:#9cdcfe;">t</span>.<spanstyle="color:#9cdcfe;">recentclaims</span>,</div><div><spanstyle="color:#9cdcfe;">i</span>=<spanstyle="color:#9cdcfe;">n</span>.<spanstyle="color:#dcdcaa;">replace</span>(<spanstyle="color:#ce9178;">"STEEM"</span>,<spanstyle="color:#ce9178;">""</span>)/<spanstyle="color:#9cdcfe;">r</span>,</div><div><spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"#vote_value"</span>).<span style="color: #dcdcaa;">hide</span>().<span style="color: #dcdcaa;">fadeIn</span>(<span style="color: #ce9178;">"fast"</span>)</div><div> }</div><div> <span style="color: #569cd6;">function</span> <span style="color: #dcdcaa;">t</span>() {</div><div> <span style="color: #608b4e;">//리워드값 가져오기</span></div><div> <span style="color: #9cdcfe;">steem</span>.<span style="color: #9cdcfe;">api</span>.<span style="color: #dcdcaa;">getRewardFund</span>(<span style="color: #ce9178;">"post"</span>, <span style="color: #569cd6;">function</span> (<span style="color: #9cdcfe;">e</span>, <span style="color: #9cdcfe;">t</span>) {</div><div> <span style="color: #9cdcfe;">n</span> = <span style="color: #9cdcfe;">t</span>.<span style="color: #9cdcfe;">reward_balance</span>,</div><div> <span style="color: #9cdcfe;">r</span> = <span style="color: #9cdcfe;">t</span>.<span style="color: #9cdcfe;">recent_claims</span>,</div><div> <span style="color: #9cdcfe;">i</span> = <span style="color: #9cdcfe;">n</span>.<span style="color: #dcdcaa;">replace</span>(<span style="color: #ce9178;">" STEEM"</span>, <span style="color: #ce9178;">""</span>) / <span style="color: #9cdcfe;">r</span>,</div><div> <span style="color: #dcdcaa;">("#reward_balance").text(parseInt(n).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")),
</span>(<spanstyle="color:#ce9178;">"#recentclaims"</span>).<spanstyle="color:#dcdcaa;">text</span>(<spanstyle="color:#dcdcaa;">parseInt</span>(<spanstyle="color:#9cdcfe;">r</span>/<spanstyle="color:#b5cea8;">1e9</span>).<spanstyle="color:#dcdcaa;">toString</span>().<spanstyle="color:#dcdcaa;">replace</span>(<spanstyle="color:#d16969;">/</span><spanstyle="color:#dcdcaa;">\B</span><spanstyle="color:#ce9178;">(?=(</span><spanstyle="color:#d16969;">\d</span><spanstyle="color:#d7ba7d;">3</span><spanstyle="color:#ce9178;">)</span><spanstyle="color:#d7ba7d;">+</span><spanstyle="color:#ce9178;">(?!</span><spanstyle="color:#d16969;">\d</span><spanstyle="color:#ce9178;">))</span><spanstyle="color:#d16969;">/</span><spanstyle="color:#569cd6;">g</span>,<spanstyle="color:#ce9178;">","</span>)+<spanstyle="color:#ce9178;">"B"</span>)</div><div>}),</div><div><spanstyle="color:#9cdcfe;">steem</span>.<spanstyle="color:#9cdcfe;">api</span>.<spanstyle="color:#dcdcaa;">getCurrentMedianHistoryPrice</span>(<spanstyle="color:#569cd6;">function</span>(<spanstyle="color:#9cdcfe;">e</span>,<spanstyle="color:#9cdcfe;">t</span>)</div><div><spanstyle="color:#9cdcfe;">o</span>=<spanstyle="color:#9cdcfe;">t</span>.<spanstyle="color:#9cdcfe;">base</span>.<spanstyle="color:#dcdcaa;">replace</span>(<spanstyle="color:#ce9178;">"SBD"</span>,<spanstyle="color:#ce9178;">""</span>)/<spanstyle="color:#9cdcfe;">t</span>.<spanstyle="color:#9cdcfe;">quote</span>.<spanstyle="color:#dcdcaa;">replace</span>(<spanstyle="color:#ce9178;">"STEEM"</span>,<spanstyle="color:#ce9178;">""</span>),</div><div><spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"#recent_claims"</span>).<span style="color: #dcdcaa;">text</span>(<span style="color: #dcdcaa;">parseInt</span>(<span style="color: #9cdcfe;">r</span> / <span style="color: #b5cea8;">1e9</span>).<span style="color: #dcdcaa;">toString</span>().<span style="color: #dcdcaa;">replace</span>(<span style="color: #d16969;">/</span><span style="color: #dcdcaa;">\B</span><span style="color: #ce9178;">(?=(</span><span style="color: #d16969;">\d</span><span style="color: #d7ba7d;">{3}</span><span style="color: #ce9178;">)</span><span style="color: #d7ba7d;">+</span><span style="color: #ce9178;">(?!</span><span style="color: #d16969;">\d</span><span style="color: #ce9178;">))</span><span style="color: #d16969;">/</span><span style="color: #569cd6;">g</span>, <span style="color: #ce9178;">","</span>) + <span style="color: #ce9178;">"B"</span>)</div><div> }),</div><div> <span style="color: #9cdcfe;">steem</span>.<span style="color: #9cdcfe;">api</span>.<span style="color: #dcdcaa;">getCurrentMedianHistoryPrice</span>(<span style="color: #569cd6;">function</span> (<span style="color: #9cdcfe;">e</span>, <span style="color: #9cdcfe;">t</span>) {</div><div> <span style="color: #9cdcfe;">o</span> = <span style="color: #9cdcfe;">t</span>.<span style="color: #9cdcfe;">base</span>.<span style="color: #dcdcaa;">replace</span>(<span style="color: #ce9178;">" SBD"</span>, <span style="color: #ce9178;">""</span>) / <span style="color: #9cdcfe;">t</span>.<span style="color: #9cdcfe;">quote</span>.<span style="color: #dcdcaa;">replace</span>(<span style="color: #ce9178;">" STEEM"</span>, <span style="color: #ce9178;">""</span>),</div><div> <span style="color: #dcdcaa;">("#steem_price_sbd").text(""</span>+<spanstyle="color:#9cdcfe;">o</span>.<spanstyle="color:#dcdcaa;">toFixed</span>(<spanstyle="color:#b5cea8;">2</span>))</div><div>}),</div><div><spanstyle="color:#dcdcaa;">setTimeout</span>(<spanstyle="color:#9cdcfe;">t</span>,<spanstyle="color:#b5cea8;">1e4</span>);<spanstyle="color:#608b4e;">//10*10*10*10이니까10초마다호출해서가져오는거네요</span></div><div>}</div><br><div><spanstyle="color:#9cdcfe;">steem</span>.<spanstyle="color:#9cdcfe;">api</span>.<spanstyle="color:#dcdcaa;">setOptions</span>(</div><div><spanstyle="color:#9cdcfe;">url:</span><spanstyle="color:#ce9178;">"<ahref="https://api.steemit.com">https://api.steemit.com</a>"</span></div><div>),</div><br><br><div><spanstyle="color:#dcdcaa;">t</span>();</div><div><spanstyle="color:#dcdcaa;">"</span> + <span style="color: #9cdcfe;">o</span>.<span style="color: #dcdcaa;">toFixed</span>(<span style="color: #b5cea8;">2</span>))</div><div> }),</div><div> <span style="color: #dcdcaa;">setTimeout</span>(<span style="color: #9cdcfe;">t</span>, <span style="color: #b5cea8;">1e4</span>);<span style="color: #608b4e;">//10*10*10*10이니까 10초마다 호출해서 가져오는거네요</span></div><div> }</div><br><div> <span style="color: #9cdcfe;">steem</span>.<span style="color: #9cdcfe;">api</span>.<span style="color: #dcdcaa;">setOptions</span>({</div><div> <span style="color: #9cdcfe;">url:</span> <span style="color: #ce9178;">"<a href="https://api.steemit.com">https://api.steemit.com</a>"</span></div><div> }),</div><br><br><div> <span style="color: #dcdcaa;">t</span>();</div><div> <span style="color: #dcdcaa;">("#form_calc").on("submit", function (t) {
e(),
t.preventDefault()
});
init();

});
</script>
</head>

<body>
<div id="mainwrapper">
<br>

<div class="topbox">Steem Price
<br>
<span class="value" id="steem_price_sbd">0.00<spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#9cdcfe;">class</span>=<spanstyle="color:#ce9178;">"topbox"</span><spanstyle="color:#808080;">&gt;</span>Rewardbalance</div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">br</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#9cdcfe;">class</span>=<spanstyle="color:#ce9178;">"value"</span><spanstyle="color:#9cdcfe;">id</span>=<spanstyle="color:#ce9178;">"rewardbalance"</span><spanstyle="color:#808080;">&gt;</span>0<spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#9cdcfe;">class</span>=<spanstyle="color:#ce9178;">"topbox"</span><spanstyle="color:#808080;">&gt;</span>Recentclaims</div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">br</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#9cdcfe;">class</span>=<spanstyle="color:#ce9178;">"value"</span><spanstyle="color:#9cdcfe;">id</span>=<spanstyle="color:#ce9178;">"recentclaims"</span><spanstyle="color:#808080;">&gt;</span>0<spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#808080;">&gt;</span></div><br><br><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#9cdcfe;">style</span>=<spanstyle="color:#ce9178;">"clear:both;height:40px"</span><spanstyle="color:#808080;">&gt;&lt;/</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#808080;">&gt;</span></div><br><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">section</span><spanstyle="color:#9cdcfe;">class</span>=<spanstyle="color:#ce9178;">"box"</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#9cdcfe;">class</span>=<spanstyle="color:#ce9178;">"header"</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#808080;">&gt;</span>UpvoteCalculator<spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">span</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;/</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">div</span><spanstyle="color:#9cdcfe;">style</span>=<spanstyle="color:#ce9178;">"float:right;padding-top:36px;font-size:44px;width:40%"</span><spanstyle="color:#808080;">&gt;</span></div><div><spanstyle="color:#808080;">&lt;</span><spanstyle="color:#569cd6;">b</span><spanstyle="color:#808080;">&gt;</span>0.00<span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">span</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">div</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"topbox"</span><span style="color: #808080;">&gt;</span>Reward balance</div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">br</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">span</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"value"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"reward_balance"</span><span style="color: #808080;">&gt;</span>0<span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">span</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">div</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"topbox"</span><span style="color: #808080;">&gt;</span>Recent claims</div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">br</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">span</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"value"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"recent_claims"</span><span style="color: #808080;">&gt;</span>0<span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">span</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">div</span><span style="color: #808080;">&gt;</span></div><br><br><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">style</span>=<span style="color: #ce9178;">"clear:both;height:40px"</span><span style="color: #808080;">&gt;&lt;/</span><span style="color: #569cd6;">div</span><span style="color: #808080;">&gt;</span></div><br><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">section</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"box"</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"header"</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">span</span><span style="color: #808080;">&gt;</span>Upvote Calculator<span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">span</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;/</span><span style="color: #569cd6;">div</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">style</span>=<span style="color: #ce9178;">"float:right;padding-top:36px;font-size:44px;width:40%"</span><span style="color: #808080;">&gt;</span></div><div> <span style="color: #808080;">&lt;</span><span style="color: #569cd6;">b</span><span style="color: #808080;">&gt;</span>
<span id="vote_value">0.00</span>
</b>
</div>
<form id="form_calc" method="get" style="padding:16px;line-height:21px">
<label for="frm_steempower">
<span style="width:130px">Steem Power</span>
<input name="frm_steempower" size="6" value="10000">
</label>
<br>
<label for="frm_votingpower">
<span style="width:130px">Voting Power</span>
<input name="frm_votingpower" size="6" value="100"> %</label>
<br>
<label for="frm_voteweight">
<span style="width:130px">Vote Weight</span>
<input name="frm_voteweight" size="6" value="100"> %</label>
<br>
<label style="display:block;margin-top:14px">
<span>&nbsp;</span>
<input type="submit" value="Calculate">
</label>
</form>
</section>

</div>


</div>
</body>

</html>
https://ipfs.busy.org/ipfs/QmPdGDhGWfzWQqnsft8StfD4KAMR7dbhmAAGLxNzyzF8Te
9 upvotes $0.07

Replies (6)

Review before signing

Posting as . Signing with . Keychain permission: Posting. Hive Keychain will ask you to approve this action next. 


  

    Technical details
    

      Operation fingerprint: