javascript在提示后显示用户输入

时间:2017-12-31 15:35:10

标签: javascript html

我希望在用户输入完信息后显示用户输入的内容。当用户到达最后一个提示时,我希望页面显示他们输入的内容。例如:如果他们在名称部分下输入苹果,我希望它在我的代码底部的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> 

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

要在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>