getElementById() Methode JS + BS

Question

Wie kann ich den Parameter (Nummer) auf einem Bootstrap-Eingabeelement, wenn ich auf die Schaltfläche klicken ??

<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> 

mein js Code ... Ich benutze dann die Zahl für einige mathematische Operation

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

Answer 1

Sie value Eigenschaft div Element zu lesen, während es eine Eigenschaft des input ist.

Verwenden Sie id von input und es wird funktionieren.

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; 

Sie müssen das Eingangselement verweisen, nicht seinen Behälter.