안녕하세요
@fullmi 입니다.
이제부터는 제목을 steem-js가 아닌 javascript api 사용하기로 바꾸겠습니다.
오늘도 JQuery를 사용하게 될텐데요.
JQuery를 사용하여 명성도를 계산해 볼겁니다.
뭐 그리 어렵지 않아요 순서대로 잘 따라하시면 됩니다.
항상 동일하게
<head>부분에
를 추가해 줍니다.
그리고 조신의 명성도를 가져옵니다. 어떻게? steemit에서 제공해주는 api를 이용해서
(steemit api 주소 https://developers.steem.io/)
명성도를 가죠오는 부분은 아래처럼 작성해 주시면 됩니다.
{"id":0,"jsonrpc":"2.0","method":"follow_api.get_account_reputations","params":{"account_lower_bound":"fullmi", "limit":1}}
자 그럼 ajax롤 해당 데이터를 삽입해서 콜하면
결과값이 나오는데요 그 결과값을 아래와같이 계산하시면 됩니다.
주석을 달아놔서 이해가 되실거예요. 이해가 안되시는 분들은 댓글 부탁드려요
풀소스는 아래와 같습니다.
<!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>Follow Api</title>
<script>
$.ajax({
type: "POST",
data: '{"id":0,"jsonrpc":"2.0","method":"follow_api.get_account_reputations","params":{"account_lower_bound":"fullmi", "limit":1}}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
var html = '';
$.each(result.result.reputations, function (key, value) {
console.log(value.account, value.reputation);
//1단계 log10의 값
var log10 = Math.log10(value.reputation);
console.log(log10);
//2단계 log10값 -9
var minus9 = log10 - 9;
console.log(minus9);
//3단계 곱하기 9
var multiple9 = minus9 * 9;
console.log(multiple9);
//4단계 25 플러스
var add25 = multiple9 + 25;
console.log(add25);
html += '<li> account : ' + value.account + ', reputation: ' + add25 + '</li>'
});
$('#contents').html(html);
}
})
</script>
</head>
<body>
<ul id="contents"></ul>
</body>
</html>
https://ipfs.busy.org/ipfs/QmRa2iL79eoXkhQisjc4Fm4zdx26zX1cwB4ipFPWaSFuBp