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

how to take javascript input and call it in html?

本文关键字：html 调用 输入 javascript 何获取 获取      更新时间：2023-09-26

我对编写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中？我假设这将是使用输入标记和调用变量的过程，但不太确定如何做到这一点。谢谢你的帮助。

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

试试这个，

<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>
相关文章：