使用表单输入更改JavaScript变量（如提示）

我用java脚本编写了一个基于文本的游戏。我有它，当一个问题被问到的时候，它会使用一个提示并弹出一个对话框，在那里你必须输入你的答案。我想避免同时使用对话框，而是让它在屏幕上打印问题，在页面上有一个文本输入框，您可以在其中输入答案。我不知道如何将一个html输入链接到我的javascript，以便它像一个提示符一样工作，并根据您输入的内容更改变量

以下是其中一个问题的示例：

var seedcomp = 1
while (seedcomp === 1) {
    var seed = prompt("What kind of potato do you want to be? A RUSSET POTATO, RED POTATO, or SWEET POTATO? Type STOP to quit.").toUpperCase();
        var para = document.createElement("p");
        var node = document.createTextNode("What kind of potato do you want to be? A RUSSET POTATO, RED POTATO, or SWEET POTATO?");
        para.appendChild(node);
        var element = document.getElementById("game");
        element.appendChild(para);
        window.scrollBy(0,1000000);
    switch(seed) {
        case 'RUSSET POTATO' :
            var para = document.createElement("p");
            var node = document.createTextNode("> Hot diggity! You became a Russet Potato!");
            para.appendChild(node);
            var element = document.getElementById("game");
            element.appendChild(para);
            seedcomp = 2
            window.scrollBy(0,1000000);
            break;
        case 'RED POTATO' :
            var para = document.createElement("p");
            var node = document.createTextNode("> Greetings comrade! Welcome to the potatoes of Soviet Socialist Republics! You are a Red Potato.");
            para.appendChild(node);
            var element = document.getElementById("game");
            element.appendChild(para);
            seedcomp = 2
            window.scrollBy(0,1000000);
            break;
        case 'SWEET POTATO' :
            var para = document.createElement("p");
            var node = document.createTextNode("> Hey there sweet thing! You're such a Sweet Potato!");
            para.appendChild(node);
            var element = document.getElementById("game");
            element.appendChild(para);
            seedcomp = 2
            window.scrollBy(0,1000000);
            break;
        case 'STOP' :
            var para = document.createElement("p");
            var node = document.createTextNode("> You ended the game. Click PLAY AGAIN to restart!");
            para.appendChild(node);
            var element = document.getElementById("game");
            element.appendChild(para);
            window.scrollBy(0,1000000);
            throw { name: 'stop', message: 'stop' };
            break;
        default:
            var para = document.createElement("p");
            var node = document.createTextNode("> Make sure you are spelling your answers correctly!");
            para.appendChild(node);
            var element = document.getElementById("game");
            element.appendChild(para);
            window.scrollBy(0,1000000);
    }
}

---

完整的游戏代码可以在

中找到，假设您有一个简单的文本输入

<input type="text" id="input-id" value="">

下面是一个非常基本的实现：

<input type="text" id="input-id" value="">
    <button typer="button" onClick="getUserInput();">enter</button>
<script>
function getUserInput() {
    alert( document.getElementById('input-id').value );
}
</script>

<input type="text" id="input-id" value="">
    <button typer="button" onClick="getUserInput();">enter</button>
<script>
function getUserInput() {
    alert( document.getElementById('input-id').value );
}
</script>