我有 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 搜索顶级艺术家并填充页面。我想通过搜索表单插入艺术家姓名并在页面中将其视为“顶级艺术家”。:)