如何获取javascript输入并在html中调用它?

时间:2016-05-09 02:51:13

标签: javascript

我还是刚开始编写javascript代码并将其调用为html。我正在编写我要创建的个人网站的代码。当访问者进入我的网站时,我会提示他们提供3条信息:姓名,公司和职位。 Javascript看起来像:

<script>
var name =.prompt("please enter your name") 
var company =.prompt("please enter your company")
var title =.prompt("please enter your title")
</script>

我要做的是在html中调用这些变量,以便为用户创建个性化主页。我怎样才能将这些信息提取到html中?我假设它将是使用输入标记和调用变量的行,但不太确定如何做到这一点。谢谢你的帮助。

2 个答案:

答案 0 :(得分:0)

是的,您需要创建HTML,并在提示用户的值后,通过JavaScript在HTML标记中分配这些值。

答案 1 :(得分:0)

试试这个,

<html>
  <body>

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

    <script>
       function myFunction() {
       var name =prompt("please enter your name") 
       var company =prompt("please enter your company")
       var title=prompt("please enter your title")


    if (name != null) {
        document.getElementById("demo").innerHTML =
        name + company + title;
        }
      }
   </script>

  </body>
</html>