ポップアップ入力フィールドなし

Question

ユーザーが送信ボタンをクリックした後、モーダルボックスに表示する2つの入力フィールドがあります。 JavaScriptのtype = "text"に行列の型を変更する必要はありますか？もしそうなら、どうしたらいいですか？

<form><br> 
<h1 style="text-align: center; color:red;">LOGIN</h1> 
    <input type="text" name="name" placeholder="NAME" id="name"><br><br> 
    <input type="password" name="matrixno" placeholder="MATRIX NO" id="matrix"><br><br><br> 
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;"> 
</form> 

Jsfiddle

Answer 1

私はあなたがこれを探していることを願っています。私はお勧めします、あなたがそれを提出するか、いずれにしてもそれを呼び出すときに値が

を迷子ので、これをスキップするには、最初の場所でのグローバル変数の.valueを使用していないことが

pop up input demo Fiddle

を役に立てば幸い

1.Initializeどこvar answer=some.valueその値とともに変数2.call可変var some = document.getElementById("someid");

210私は、これ以上の知識を得るためにこれを以下で説明しています。

var x = document.getElementById("name").value; 
 
var btn = document.getElementById("myBtn"); 
 

 
btn.onclick = function(e) { 
 
e.preventDefault(); 
 
alert(x); 
 
}

<input type="text" name="name" placeholder="NAME" id="name"> 
 
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;">

var x = document.getElementById("name"); //global variable 
 
var btn = document.getElementById("myBtn"); 
 

 
btn.onclick = function(e) { 
 
e.preventDefault(); 
 
alert(x.value); 
 
    }

<input type="text" name="name" placeholder="NAME" id="name"> 
 
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;">

#Not作業を#Working

Answer 2

あなたはタイプを変更する必要はありません、あなたは、単にそれにアクセスすることができますが、valueプロパティです。 だから：

var pass = document.getElementById("matrix").value; 

Answer 3

はちょうどここに小さな変更する必要があります：入力の

var x = document.getElementById("name"), y = document.getElementById("matrix"); 

btn.onclick = function() { 
    document.getElementById("show").innerHTML = x.value; 
    document.getElementById("show1").innerHTML = y.value; 
    modal.style.display = "block"; 
} 

アクセス値を文書準備/ページのロードにないボタンをクリックした後。またshow1にstyle="colorw:white;" to style="color:white;"