getElementById（）メソッドJS + BS

Question

ボタンをクリックすると、ブートストラップの入力要素でパラメータ（数値）を取得する方法はありますか？

<form> 
    <div class="form-group"> 
    <div class ="col-md-6 input-group"> 
    <span class="input-group-addon">Larghezza</span> 
     <div id="myNumber"> <input type="number" class="form-control" id="focusedInput" placeholder="Inserisci qui..." > </div> 
    </div> 
    </div> 
</form> 
<button type="button" onclick="myFunction()" class="btn btn-default">Calcola</button> 

私のJSコード...そして、私はそれがinputの財産である間は、div要素のvalueプロパティを読んでいる

function myFunction() { 
    var x = document.getElementById("myNumber").value; 

Answer 1

いくつかの数学の操作のための番号を使用しています。

idをinputと使用するとうまくいきます。

function myFunction() { 
 
    var x = document.getElementById("focusedInput").value; 
 
    console.log(x); 
 
}

<form> 
 
    <div class="form-group"> 
 
    <div class ="col-md-6 input-group"> 
 
    <span class="input-group-addon">Larghezza</span> 
 
    <div id="myNumber"> 
 
     <input type="number" class="form-control" id="focusedInput" placeholder="Inserisci qui..." > 
 
    </div> 
 
    </div> 
 
    </div> 
 
</form> 
 
<button type="button" onclick="myFunction()" class="btn btn-default">Calcola</button>

Answer 2

var x = document.getElementById("focusedInput").value; 

あなたはinput要素ではなく、そのコンテナを参照する必要があります。