Javascript 带有文本输入的日志框

我正在尝试创建一个带有文本输入和提交按钮的日志框。我可以让它显示输入的文本

var test = function() {
var test1 = document.getElementById('input');
var totalTest = test1.value;
document.getElementById('log').innerHTML += totalTest; 
};

但我无法让它做出回应。我想继续提问，所有答案都来自一个输入框。我对JavaScript还是个新手，希望能得到任何人的帮助。 这是我到目前为止的全部资料。JAVASCRIPT:

var playerInput = function () {
var pInput = document.getElementById('input');
var input = pInput.value;
};

var playerNum = function () { //Choice between Single and Multiplayer
     document.getElementById('log').innerHTML = "Would you like to play singleplayer or    multiplayer?";
oneOrTwo(input);
};

var oneOrTwo = function (input) {
    var playerAmount = input;
    if (playerAmount == "singleplayer") {
        //singlePlay();
    } else {
        document.getElementById('log').innerHTML = "Multiplayer is coming soon";
        //multiPlay();
    }
};

HTML:

石头剪纸，单人和多人游戏！
石头、布、剪刀

var input=pInput.value将输入值存储到该变量中

它永远不会改变，除非您再次执行同一行

替换
一个或两个（输入）带有
一个或两个（pInput.value）
每次都获取一个新值。
实际上，您需要更改的只是将
一个或两个（输入）
调用移动到您的
playerInput（）
函数

在提出问题后立即阅读输入是没有意义的；用户将没有时间响应

var playerNum = function () { //Choice between Single and Multiplayer
    document.getElementById('log').innerHTML = "Would you like to play singleplayer or multiplayer?";
    //nothing else, read the input later
};

当播放机输入响应并单击“输入”按钮时，然后尝试读取输入：

var playerInput = function () {
    var pInput = document.getElementById('input');
    var input = pInput.value;
    oneOrTwo(input);
};

以及相应的HTML：

<input type="button" value="Enter" onClick="playerInput()">



把它扔到一个JSFiddle中：
这应该可以，但现在我的问题是我需要运行
oneOrTwo（pInput.value）在我按下“回车”按钮后。@Gateway12231您已经是了。按提交按钮运行
playerNum
，调用
one或two
。只需将
input
替换为
pInput.value
，它将在每次按下按钮时工作。
<input type="button" value="Enter" onClick="playerInput()">