javascript在提示后顯示用戶輸入

Question

我想在用戶完成信息輸入后顯示用戶輸入的內容。 當用戶到達最后一個提示時，我希望頁面顯示他們輸入的內容。例如：如果他們在名稱部分下輸入 apples，我希望它在底部代碼的 P1 部分列出單詞 apples。我是 javascript 的新手，並且事先，我知道我的代碼是斷斷續續的，但我正在學習，所以請對我放輕松，請幫助我弄清楚如何在 javascript 完成后顯示用戶輸入。

我的代碼：

<!DOCtype html>
<html> 
<head>
<title> This will display some answers </title> 
<body>
<script type="text/javascript">

var user = prompt("Welcome to learning about allocations with me, mr fields. 
In this tutorial we will be learning about alloction exceptions and what not 
to do with them. Let's get started, shall we? ").toUpperCase(); 

 switch(user){
    case 'YES':
     var user_1 = prompt("What's your name?"); 
     switch(user_1) {
        case 'Buster':
            prompt("Hey, brother!");
            break;
        case 'Alex':
            prompt("I've made a huge mistake.");
            break;
        case 'Steve':
            prompt("Steve Holt!");
            break;
     default:
         prompt("I don't know you!");}
break; 
default:
    prompt("too bad!"); 
}
</script>
 </body>
 </head>
 <h1> answer </h1> 
 <p1> "answers should go here" </p1> 

</html>

Answer 1

 var user_1 = prompt("What's your name?"); var answerElement = document.getElementById("answer") answerElement.innerText = user_1;

 <p id="answer"></p>

Answer 2

要在 Javascript 中打印變量的值，您需要將它作為 DOM 樹中的節點之一添加到 DOM（文檔對象模型）中。 這是一個簡單的例子，可以玩和學習（如下）。

重要提示：請檢查 HTML 文檔的結構是否正確。 祝你好運。

<!DOCTYPE html>
<html> 
    <head>
        <title>This will display some answers</title> 
        <script type="text/javascript">
            window.onload = function(){
                var username = prompt("What is your name?");
                var usernameElement = document.getElementById("name");
                usernameElement.innerText = username;
            }
        </script>
    </head>
    <body>
        <p id="name"></p>
    </body>
</html>

javascript在提示后顯示用戶輸入

問題描述

2 個解決方案

解決方案1
1 2017-12-31 15:43:07

解決方案2
0 已采納 2017-12-31 15:52:32

javascript在提示后顯示用戶輸入

問題描述

2 個解決方案

解決方案1 1 2017-12-31 15:43:07

解決方案2 0 已采納 2017-12-31 15:52:32

解決方案1
1 2017-12-31 15:43:07

解決方案2
0 已采納 2017-12-31 15:52:32