javascript - 検索フォームから変数 javascript へのテキスト

Question

私はjavascriptに問題があります。ページに検索フォームがありますId="btn".In main.jsには次の機能があります:編集:

// on page load
$(window).load(function() {

// define api keys
var apiKey = '...';
var apiSecret = 'is ....';

// create a Cache object
var cache = new LastFMCache();

// create a LastFM object
var lastfm = new LastFM({
    apiKey    : apiKey,
    apiSecret : apiSecret,
    cache     : cache
});

var topArtistName = '';

// get weekly artist chart by tag 'trance'
lastfm.tag.getWeeklyArtistChart({tag: 'trance', limit: 6}, {success: function(data){

    // render top weekly artist using 'lastfmTemplateArtists' template
    $('#top_artists').html(
        $('#lastfmTemplateArtists').render(data.weeklyartistchart.artist)
    );

    // define top artist name
    topArtistName = data.weeklyartistchart.artist[0].name;

    // load details of the artist
    lastfm.artist.getInfo({artist: topArtistName}, {success: function(data){

        // render the single artist info using 'lastfmTemplateArtistInfo' template
        $('#top_artist').html(
            $('#lastfmTemplateArtistInfo').render(data.artist)
        );

        // load the artis's top tracks
        lastfm.artist.getTopTracks({artist: topArtistName, limit: 9}, {success: function(data){

            // render the tracks using 'lastfmTemplateTracks' template
            $('#top_tracks').html(
                $('#lastfmTemplateTracks').render(data.toptracks.track)
            );
        }});

    }, error: function(code, message){
        alert('Error #'+code+': '+message);
    }});
  }});
});

次に、アーティストを検索"topArtistName"し、検索フォームに入力したテキストを変数に設定します。
私は : を試しましtopArtistName=document.getElementById("btn").valueたが、うまくいきません。
フォームは、結果の視覚化の同じページにあります。

編集: この main.js はうまく機能しますが、lastfm からトップ アーティストを検索し、ページに入力します。検索フォームでアーティスト名を入れて「トップアーティスト」としてページに表示したい。:)