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

时间:2017-07-19 14:01:56

标签: javascript html

我正在努力使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>

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

2 个答案:

答案 0 :(得分: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中以供其他组织使用。

答案 1 :(得分:0)

试试这个:

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