Steemit 사용자 계정 , 태그명으로 이동하기

lku (57)in #kr • 7 years ago (edited)

안녕하세요. Steemit를 하는도중 아쉬운점이 조금 있어서
그거와 관련된 포스트를 해보려고합니다.

사용자를 찾는 방법과 태그를 찾아가는 방법이 조금 불편해서
바로 이동할 수 있는 버튼이 있으면 좋지 않을까하고 만들어 보았습니다.

html로 POST하는것이 있어서 본문에 input태그나 button 태그를 생성 할 수 있을줄 알았는데
막상 넣어보니 안되네요...

그래서 간단한 코드와 예제를 보여드릴까 합니다.

먼저 유저와 태그를 바로 찾아가는 방법은 URL에 유저명과 태그를 입력하면 됩니다.
ex ) https://steemit.com/@lku
https://steemit.com/trending/kr

이를 기반으로 입력 필드에서 값을 받고 이동 버튼을 클릭하면
해당 페이지로 이동할 수 있게 하였습니다.
포스트 안에 예제를 넣고 싶었는데 아쉽습니다.

소스코드

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.user_button').click(function(){
                var user='';
                user =  $('.user_input').val();
                $(location).attr('href',"https://steemit.com/@"+user);
            });
            $('.tag_button').click(function(){
                var tag='';
                tag =  $('.tag_input').val();
                $(location).attr('href',"https://steemit.com/created/"+tag);
            });
        });
    </script>
</head>
<body>
    <div>
        <span>유저명</span>
        <input class="user_input" type="text">
        <button class="user_button">MOVE</button>
    </div>
    <div>
        <span>태그명</span>
        <input class="tag_input" type="text">
        <button class="tag_button">MOVE</button>
    </div>
</body>
<html>

결과화면