4th Street Bar Hive-Bar

Hive-Bar Powered by Hive beta-fdb5b5b

Community post

[Steemit javascript api 사용하기 레슨7] 업보팅 계산하기

안녕하세요 @fullmi 입니다.

오늘은 간단하게 리워드 계산하는 사이트의 소스를 한번 보려합니다.

https://www.steemnow.com/upvotecalc.html

위의 사이트에서 보팅파워, 스팀파워 ,보팅웨이트를 넣고 Calculate 버턴을 누르면 현재 시점에서

자신이 보팅했을때 얼마나 찍히는지 나오는데요.

저도 아는수가 없어서 일일이 소스를 보고 분석하는수밖에 없네요. 

일단 해당사이트에서 쓰는 js를 보면 jquery랑 steem-js를 사용했네요.

저는 안쓰지만.... 위의 소스를 분석하기 위해 추가해서 돌려봤습니다.

가급적 위의 사이트에서 사용한 그대로를 사용했는데요 소스는 아래와같습니다.


<!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:#608b4e;">//입력한값으로보팅달러계산하기</span></div><div><spanstyle="color:#569cd6;">function</span><spanstyle="color:#dcdcaa;">e</span>()</div><div>(<spanstyle="color:#dcdcaa;"></span>(<span style="color: #569cd6;">function</span> () {</div><div> <span style="color: #608b4e;">//입력한 값으로 보팅 달러 계산하기</span></div><div> <span style="color: #569cd6;">function</span> <span style="color: #dcdcaa;">e</span>() {</div><div> (<span style="color: #dcdcaa;">("input[name='frm_steempower']").val() < 0 || </span>(<spanstyle="color:#ce9178;">"input[name='frmsteempower']"</span>).<spanstyle="color:#dcdcaa;">val</span>()&gt;<spanstyle="color:#b5cea8;">1e7</span>)&amp;&amp;<spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"input[name='frm_steempower']"</span>).<span style="color: #dcdcaa;">val</span>() &gt; <span style="color: #b5cea8;">1e7</span>) &amp;&amp; <span style="color: #dcdcaa;">("input[name='frm_steempower']").val(1e7),
(</span>(<spanstyle="color:#ce9178;">"input[name='frmvotingpower']"</span>).<spanstyle="color:#dcdcaa;">val</span>()&lt;<spanstyle="color:#b5cea8;">0</span>||<spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"input[name='frm_votingpower']"</span>).<span style="color: #dcdcaa;">val</span>() &lt; <span style="color: #b5cea8;">0</span> || <span style="color: #dcdcaa;">("input[name='frm_votingpower']").val() > 100) && </span>(<spanstyle="color:#ce9178;">"input[name='frmvotingpower']"</span>).<spanstyle="color:#dcdcaa;">val</span>(<spanstyle="color:#b5cea8;">100</span>),</div><div>(<spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"input[name='frm_votingpower']"</span>).<span style="color: #dcdcaa;">val</span>(<span style="color: #b5cea8;">100</span>),</div><div> (<span style="color: #dcdcaa;">("input[name='frm_voteweight']").val() < 0 || </span>(<spanstyle="color:#ce9178;">"input[name='frmvoteweight']"</span>).<spanstyle="color:#dcdcaa;">val</span>()&gt;<spanstyle="color:#b5cea8;">100</span>)&amp;&amp;<spanstyle="color:#dcdcaa;"></span>(<span style="color: #ce9178;">"input[name='frm_voteweight']"</span>).<span style="color: #dcdcaa;">val</span>() &gt; <span style="color: #b5cea8;">100</span>) &amp;&amp; <span style="color: #dcdcaa;">("input[name='frm_voteweight']").val(100);
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><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:#9cdcfe;">steem</span>.<spanstyle="color:#9cdcfe;">api</span>.<spanstyle="color:#dcdcaa;">setOptions</span>(</div><div><spanstyle="color:#9cdcfe;">url:</span><spanstyle="color:#ce9178;">https://api.steemit.com</span></div><div>),</div><br><br><div><spanstyle="color:#dcdcaa;">t</span>();<spanstyle="color:#608b4e;">//SteemPrice,Rewardbalance,Recentclaims값셋팅</span></div><div><spanstyle="color:#569cd6;">var</span><spanstyle="color:#9cdcfe;">m</span>=<spanstyle="color:#dcdcaa;">setInterval</span>(<spanstyle="color:#569cd6;">function</span>()</div><div><spanstyle="color:#569cd6;">void</span><spanstyle="color:#b5cea8;">0</span>!==<spanstyle="color:#9cdcfe;">o</span>&amp;&amp;(<spanstyle="color:#dcdcaa;">clearInterval</span>(<spanstyle="color:#9cdcfe;">m</span>),</div><div><spanstyle="color:#9cdcfe;">steem</span>.<spanstyle="color:#9cdcfe;">api</span>.<spanstyle="color:#dcdcaa;">getDynamicGlobalProperties</span>(<spanstyle="color:#569cd6;">function</span>(<spanstyle="color:#9cdcfe;">t</span>,<spanstyle="color:#9cdcfe;">n</span>)</div><div><spanstyle="color:#9cdcfe;">a</span>=<spanstyle="color:#9cdcfe;">n</span>.<spanstyle="color:#9cdcfe;">totalvestingfundsteem</span>.<spanstyle="color:#dcdcaa;">replace</span>(<spanstyle="color:#ce9178;">"STEEM"</span>,<spanstyle="color:#ce9178;">""</span>)/<spanstyle="color:#9cdcfe;">n</span>.<spanstyle="color:#9cdcfe;">totalvestingshares</span>.<spanstyle="color:#dcdcaa;">replace</span>(<spanstyle="color:#ce9178;">"VESTS"</span>,<spanstyle="color:#ce9178;">""</span>),</div><div><spanstyle="color:#dcdcaa;">e</span>()</div><div>))</div><div>,<spanstyle="color:#b5cea8;">200</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><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: #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;">https://api.steemit.com</span></div><div> }),</div><br><br><div> <span style="color: #dcdcaa;">t</span>();<span style="color: #608b4e;">//Steem Price,Reward balance,Recent claims 값 셋팅</span></div><div> <span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">m</span> = <span style="color: #dcdcaa;">setInterval</span>(<span style="color: #569cd6;">function</span> () {</div><div> <span style="color: #569cd6;">void</span> <span style="color: #b5cea8;">0</span> !== <span style="color: #9cdcfe;">o</span> &amp;&amp; (<span style="color: #dcdcaa;">clearInterval</span>(<span style="color: #9cdcfe;">m</span>),</div><div> <span style="color: #9cdcfe;">steem</span>.<span style="color: #9cdcfe;">api</span>.<span style="color: #dcdcaa;">getDynamicGlobalProperties</span>(<span style="color: #569cd6;">function</span> (<span style="color: #9cdcfe;">t</span>, <span style="color: #9cdcfe;">n</span>) {</div><div> <span style="color: #9cdcfe;">a</span> = <span style="color: #9cdcfe;">n</span>.<span style="color: #9cdcfe;">total_vesting_fund_steem</span>.<span style="color: #dcdcaa;">replace</span>(<span style="color: #ce9178;">" STEEM"</span>, <span style="color: #ce9178;">""</span>) / <span style="color: #9cdcfe;">n</span>.<span style="color: #9cdcfe;">total_vesting_shares</span>.<span style="color: #dcdcaa;">replace</span>(<span style="color: #ce9178;">" VESTS"</span>, <span style="color: #ce9178;">""</span>),</div><div> <span style="color: #dcdcaa;">e</span>()</div><div> }))</div><div> }, <span style="color: #b5cea8;">200</span>);</div><div> <span style="color: #dcdcaa;">("#form_calc").on("submit", function (t) {
e(),
t.preventDefault()
})
});
</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/QmNjqcfoR3ysLArgaaCna67yLUefkscssizesNATTutZ5u
7 upvotes $0.04

Replies (2)

Review before signing

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


  

    Technical details
    

      Operation fingerprint: