Javascript – 用户通过HTML输入标签输入来设置Javascript变量?

我希望我的屏幕上有一个文本框(就像我现在正在键入的那个),你可以输入然后点击一个提交按钮,它会将你输入的任何内容发送到javascript,然后javascript将它打印出来.这是我的代码这是有效的部分.

<html>
<body>
    <input type="text" id="userInput"=>give me input</input>
    <button onclick="test()">Submit</button>
    <script>
        function test()
        {
            var userInput = document.getElementById("userInput").value;
            document.write(userInput);
        }
    </script>
</body>
</html>

好吧,这样很好,但是我可以说我想要从该文本框和按钮输入,而我已经在一个函数中并且不想重新启动该函数?

谢谢,
可靠的人

最佳答案
当您的脚本运行时,它会阻止页面执行任何操作.您可以通过以下两种方法之一解决此问题:

>使用var foo = prompt(“Give me input”);,它将为您提供用户输入弹出框的字符串(如果取消,则为null)
>将代码拆分为两个函数 – 运行一个函数来设置用户界面,然后提供第二个函数作为在用户单击按钮时运行的回调.

转载注明原文:Javascript – 用户通过HTML输入标签输入来设置Javascript变量? - 代码日志