2017-07-19 90 views
0

我试图使从prompt(Username);输入打印到其他代码的屏幕。检查我的代码。注意:我只是一个begginer,所以我问这是否可能,如果你可以修复或显示我。谢谢。是否有可能在提示输入,并用此代码输出

<!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> 

我试图使欢迎是一个代码和用户名只显示其本身没有欢迎。所以我让他们分离式,并试图+他们...

+1

也许在最后一行的'document.getElementById(“sname”)''的末尾添加'.value'? – csmckelvey

+0

这没有奏效,但我找到了正确的答案,无论如何谢谢! – miragetv7

回答

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中以获取其他组织结构。

+0

谢谢你的帮助,它的工作原理! – miragetv7

0

试试这个:

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

你的代码没有工作,但我得到了正确的答案,无论如何谢谢! – miragetv7

相关问题