javascript - 新手的代码不工作

Question

我最近开始学习 Javascript 并编写我的第一段代码。这个应该捕获文本输入并将其添加到列表中，但由于某种原因它不起作用。

我看了半个小时，看不出哪里错了。你介意帮我一把吗？

window.onload = init;

function init() {
    var textInput = document.getElementById("songTextInput");
    textInput.onKeyPress = handleKeyPress;
    var button = document.getElementById("addButton");
    button.onclick = handleButtonClick;
    loadPlaylist();
}

function handleKeyPress() {
    if (textInput.keyCode == 13) {
        handleButtonClick;
    }

    function handleButtonClick() {
        var songName = textInput.value;
        if (songName == "") {
            alert("Please enter a song");
        } else {
            var textInput = document.getElementById("songTextInput");
            var songName = textInput.value;
            var li = document.createElement("li");
            li.innerHTML = songName;
            var ul = document.getElementById("playlist");
            ul.appendChild(li);
            save(songName);
        }
    }
}

Answer 1

您在函数 init() 中定义了一个 textInput 变量，它完全无法访问在函数 handleButtonClick() 中使用但未在函数 handleButtonClick() 中声明的同名变量。