Question

我想在提示窗口中使用用户的输入。

这是我的JavaScript表单：

var answer;

function load()
{
    answer=prompt("what is your name?", "Write your name here");    
    return answer;
}

function hideNsee() {   
  var HNS = document.getElementById("invite"); 
  if(HNS.style.display == "none") 
    HNS.style.display = "block"; 
  else HNS.style.display = "none"; 
}

我希望在我的HTML邀请签名中使用输入，在这种情况下是他或她的名字。

这是邀请格式，输入将在这种情况下为“shai”。

对于第二部分，用户邀请某人“Moshe Cohen”，这也会被发送到邀请。

如何使用输入并将其发送给邀请？

当我尝试将其保存到“回答”VAR时，它什么都不做。

我显然缺少一些我需要做的事情。

当我知道如何从提示窗口中取出它时，我会将其转换为其他输入，邀请，时间和地点。我希望它是同样的方法。

这是我的程序的HTML部分，如果需要的话

<html>
<head>
<link rel="stylesheet" href="CSS.css"/>
<script src="JavaScript.js">
</script>
</head>
<body onload= "load();">
         <span id="imvite">Invite:</span>
            <input
                  onmouseover="this.value=this.getAttribute('data-value');" 
                  data-value="Who is it?" 
                  onmouseout="this.value='';" 
        /> <br></br>


         <span id="time">Time:</span>
            <input
                 onmouseover="this.value=this.getAttribute('data-value');" 
                 data-value="At what time?" 
                 onmouseout="this.value='';" 
        /> <br></br>

         <span id="place">Place:</span>

        <input
              onmouseover="this.value='where is the event?';"
              onmouseout="this.value='';" 
        /> <br></br>

        <button onclick="hideNsee();">generate invite</button> 


        <div id="invite" style="display:none;"> 
            <div id="date">
             10/3/2015
             </div>
             <h1>Invitation<h1>





          </div>
</body>
</html>

Answer 1

我认为这就是你的意思：

 function load() {
   answer=prompt("what is your name?", "Write your name here"); 
   var idInput = document.getElementById('nameId');
   idInput.value = answer;
 }

并在HTML中将id添加到元素中，如下所示：

<input id="nameId"
              onmouseover="this.value=this.getAttribute('data-value');" 
              data-value="Who is it?" 
              onmouseout="this.value='';" 
    />

使用我的HTML中“提示”窗口中的用户输入

1 个答案: