首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在提示后显示用户输入的javascript

在提示后显示用户输入的javascript
EN

Stack Overflow用户
提问于 2017-12-31 23:35:10
回答 2查看 1.7K关注 0票数 0

我想要显示用户输入后,用户已经完成了信息输入。当用户到达最后一个提示时,我希望页面显示他们输入的内容。例如:如果他们在名称部分输入苹果,我希望它在我的代码底部的P1部分中列出单词苹果。我是javascript的新手,在此之前,我知道我的代码不稳定,但我正在学习,所以请对我宽松一点,并请帮助我弄清楚如何在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> 
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-12-31 23:52:32

要在Javascript中打印变量的值,需要将其作为DOM树中的一个节点添加到DOM (文档对象模型)中。下面是一个简单的示例,可以尝试和学习(如下所示)。

重要提示:请检查HTML文档的结构是否正确。祝好运。

代码语言:javascript
复制
<!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> 
票数 0
EN

Stack Overflow用户

发布于 2017-12-31 23:43:08

代码语言:javascript
复制
var user_1 = prompt("What's your name?");
var answerElement = document.getElementById("answer")
answerElement.innerText = user_1;
代码语言:javascript
复制
<p id="answer"></p>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48043744

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档