如何在html中获取用户输入并将其设置为js中的变量？

在HTML中获取用户输入并将其设置为JavaScript中的变量，可以通过以下步骤实现：

在HTML中，使用<input>标签创建一个输入框，让用户输入内容。例如：

<input type="text" id="userInput">

在JavaScript中，使用document.getElementById()方法获取输入框的值，并将其设置为一个变量。例如：

var userInput = document.getElementById("userInput").value;

在上述代码中，document.getElementById("userInput")会返回具有指定id的元素，.value用于获取输入框的值，并将其赋给userInput变量。

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>获取用户输入</title>
</head>
<body>
    <input type="text" id="userInput">
    <button onclick="getUserInput()">获取输入</button>

    <script>
        function getUserInput() {
            var userInput = document.getElementById("userInput").value;
            console.log(userInput); // 在控制台输出用户输入
        }
    </script>
</body>
</html>

在上述示例中，我们使用了一个按钮来触发getUserInput()函数，该函数获取输入框的值并在控制台输出。你可以根据实际需求修改代码，将用户输入的值用于其他用途。