フォーム内の数値入力を変数データとして使用する方法は？

Question

私はJavascriptを初めて使用しています。私は、私のフォームの1つで入力を変数としてデータとして使用しようとしています。私は 'getElementbyName'を使用して、宣言された変数にデータを割り当てようとしています。しかし、それは通過していないようです。

<h3> 
    <u>Enter Details Below</u>   
</h3> 

<form> 
    Enter salary base pay:&nbsp <input type=''text' name='Basic ' /> 
</form> 
<br /> 
<button onclick='myfunc()'>Submit</button> 

<p id='demo'></p> 

<script> 
    function myfunc() { 
    var a = document.getElementByName('Basic').value; 
     document.getElementById("demo").innerHTML = (a); 
    } 
</script> 

Answer 1

更新済み - 要求通りに入力属性と名前属性を使用するように更新されました。

function myfunc() { 
 
\t var a = document.querySelector('input[name="Basic"]').value; 
 
    document.getElementById("demo").innerHTML = (a); 
 
}

<h3> 
 
<u>Enter Details Below</u>   
 
</h3> 
 

 
<form> 
 
Enter salary base pay:&nbsp <input type='text' id="basic" name='Basic' /> 
 
</form> 
 
<br /> 
 
<button onclick='myfunc()'>Submit</button> 
 

 
<p id='demo'></p>

Answer 2

あなたはgetElementsByNameを使用し、その最初の結果を取得する必要があります。また、あなたのname属性に余分なスペースがありました。

function myfunc() { 
 
    var a = document.getElementsByName('Basic')[0].value; 
 
    document.getElementById("demo").innerHTML = (a); 
 
}

<h3> 
 
    <u>Enter Details Below</u> 
 
</h3> 
 

 
<form> 
 
    Enter salary base pay:&nbsp 
 
    <input type='text' name='Basic' /> 
 
    </form> 
 
    <br /> 
 
    <button onclick='myfunc() '>Submit</button> 
 

 
    <p id='demo '></p>

Answer 3

document.getElementByName無効な構文です。正しい構文はdocument.getElementsByName（欠落している "s"をチェックアウト）です。 document.getElementsByName戻り値Array、そう

変更は

var a = document.getElementByName('Basic').value; 

var a = document.getElementsByName('Basic')[0].value; 

することも <input type=''text'に余分な単一引用符と name='Basic 'に余分なスペースがあります。あなたの完全なコードがあるべき

<input type='text' name='Basic' /> 

、あまりにもそれを修正し、

<h3> 
    <u>Enter Details Below</u>   
</h3> 

<form> 
    Enter salary base pay:&nbsp <input type='text' name='Basic' /> 
</form> 
<br /> 
<button onclick='myfunc()'>Submit</button> 

<p id='demo'></p> 

<script> 
    function myfunc() { 
     document.getElementById("demo").innerHTML = document.getElementsByName('Basic')[0].value; 
    } 
</script>