Question

我试图通过启动一个简单的Web界面来改进我的Javascript，但每次我尝试将一个事件监听器添加到输入字段时，它都会破坏我的代码。

这是我的HTML：

 <!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="colors.css">
        <script src="spot.js"></script>
    </head>

    <div id="ask">
        Search for an artist to see their top songs:
    </div>

    <form>
        <input type="text" name="artist" id="artist-search">
    </form>
    <div id="sub">
        submit
    </div>
</html>

这是我的Javascript：

window.onload = loaded;

var inField;

function loaded() {
    document.getElementById("sub").addEventListener("click", search);
    inField = document.getElementById("artist-search");
}

//https://api.spotify.com/v1/search?q=tania%20bowra&type=artist
function search() {
    alert();
    //var query = "//https://api.spotify.com/v1/search?q=";
}

当我将getElementById添加到＆＃34; artist-search＆＃34;时，搜索功能中的警报将停止工作。为什么是这样？当有人使用vanilla Javascript单击提交按钮时，是否有更好的方法在输入字段中获取文本？

获取元素破解代码

0 个答案: