2017-07-19 88 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

相關問題