javascript - getElementById() 没有返回正确的字符串

Question

我试图从 textarea 中获取文本，但它返回了一些东西，但它什么也没返回，没有字符串。当我在 textarea 中输入一个字符串并单击按钮时，它仍然没有返回任何内容。

var name;
name = document.getElementById('username').value;

function action() {
document.getElementById("theIMG").src = "https://crafatar.com/avatars/" + name;
console.log("Working");
}

HTML:

<textarea rows="4" cols="50" id="username" placeholder="Enter your username here!"></textarea> <br />
        <button id="submit" onClick="action()">Submit</button>
        <br />
        <img id="theIMG"></img>

Answer 1

您应该在 action 方法中调用 getElementById - value 不会随着文本框的更改而持续存在:

function action() {
    var name = document.getElementById('username').value;
    document.getElementById("theIMG").src = "https://crafatar.com/avatars/" + name;
    console.log("Working"); 
}