谁能帮我使搜索栏工作，因为我现在有JS提示

Question

我创建了一个从YouTube API中提取的小程序，该程序允许您在出现提示时搜索随机视频以查找您输入的任何标题。我的目标是让这项工作像搜索引擎一样。我想让我的搜索栏成为输入而不是警报提示窗口。同样，当您在 jsbin 中使用 javascript 运行程序时，我还想让"查找"按钮充当提示警报窗口中的"确定"按钮。有人可以指出我实现这一目标的正确方向吗？这是 jsbin。我假设我可以只为按钮使用某种 OnClick 函数，但不完全确定如何实现它以及我会调用它。谢谢！

附言。我相信你已经知道这一点，但以防万一...确保在 jsbin 中使用"使用 JS 运行"运行程序。

Answer 1

您只需将onclick侦听器添加到查找按钮，并在有人单击时触发代码。您可以获取搜索input的值，而不是提示：

Javascript：

function search()
{
    var api_key; 
    api_key = "AIzaSyDiUEkwoldcB9qgRreOsaiyu2Nlj8U-03c";
    var search_term = document.getElementById("searchterm").value;
    function onSuccess(data){
        console.log(data);
        var obj = data.id;
        console.log (data.items[0].id.videoId);
        video_url = 'http://www.youtube.com/embed/' + data.items[0].id.videoId     +'?autoplay=1'; 
        video.src = video_url;
    }
    var youtube_url = 'https://www.googleapis.com/youtube/v3/search?part=id&q=' +search_term +'&maxResults=1&key=' +api_key;
    var video_url = 'http://www.youtube.com/embed/' +"IQ1_acLEVVo"+'?autoplay=1'; 

    $.ajax({
      method:'GET',
      url: youtube_url,
      success: onSuccess
    });
}

.HTML：

<button type="button" id="search" onclick="search()">Find</button>

JSBIN