Question

我正在努力使prompt(Username);的输入与其他代码一起打印到屏幕上。检查我的代码。注意：我只是一个初学者，所以我问这是否可行，如果你可以修理或告诉我。谢谢。

<!DOCTYPE html>
<html>
<head>
    <title>Testing HTML, CSS and JS</title>
    <link rel="stylesheet" type="text/css" href="CSS/style.css">
</head>

<body align="center">
    <p id="wname"></p>
    <script>
        alert("You must register first!");
        document.getElementById("sname").innerHTML = prompt("Username");
        document.getElementById("wname").innerHTML = "Welcome, " + document.getElementById("sname");
    </script>
</body>
</html>

我正在尝试将欢迎作为一个代码和用户名，仅在没有欢迎的情况下显示。所以我让他们分开并试图+他们......

Answer 1

我对您的代码有一些建议。

我首先将所有JavaScript命令调用放在一个函数中。这有助于您的代码更有条理，将来可能会在不同的时间或基于特定的用户操作调用该函数，而不是只在元素的内容加载后立即调用它。

但是，现在，您似乎只想在加载页面时执行代码，在这种情况下，您可以按如下方式修改代码：

<!DOCTYPE html>
<html>
<head>
    <title>Testing HTML, CSS and JS</title>
    <link rel="stylesheet" type="text/css" href="CSS/style.css">
</head>

<body align="center" onLoad="runCode();">
    <p id="sname"></p>
    <p id="wname"></p>
    <script>
        function runCode(){
            alert("You must register first!");
            var username = prompt("Username");
            document.getElementById("sname").innerHTML = username;
            document.getElementById("wname").innerHTML = "Welcome, " + username;
        }
    </script>
</body>
</html>

此外，我在代码中的任何位置都没有看到ID为sname的段落，因此尝试访问和更改其innerHTML会导致错误。如果您仍然希望结果显示在这样的元素中，那么您必须自己创建一个HTML标记。我还将prompt()的结果存储在变量username中以供其他组织使用。

Answer 2

试试这个：

    <script>
        alert("You must register first!");
        document.getElementById("sname").innerHTML = prompt("Username");
        document.getElementById("wname").innerHTML = "Welcome, " + 
        document.getElementById("sname").innerHtml;
    </script>

是否可以在提示中输入并使用此代码输出

2 个答案: