<form>
<input type="text" name="" value="">
</form>
//for loop used to calculate balance after payment(x) and interest
// the variable I want defined from the form input box
for(i = 6000; i>=10; i = i * (1+0.2/26)-x){
var x = 155;
document.write("Balance " + " $" + i + "<br/><br/>");
}
あなたの入力要素で疑似クラスを添付して、下記のように挿入された値を得ることができます：
<input type="text" name="" value="" class="js-interest">
<script>
var ele = document.getElementsByClassName("js-interest")[0];
var value = parseFloat(ele.value);
</script>
あなたがdocument.getElementById('input_id').valueを試した後、以下のように、整数としてそれを得るためにparseIntを使用することができます：
var x = parseFloat(document.getElementsByName('number_box').value);
また、HTMLはこのような何かを見なければならない：
<form>
<input type="text" name="number_box" value="">
</form>
document.getElementsByName()の代わりに、document.getElementById()またはdocument.getElementsByClassName()を使用することもできます。
更新： 私は間違って
for(i = 6000; i>=10; i = i * (1+0.2/26)-x){
var x = 155;
document.write("Balance " + " $" + i + "<br/><br/>");
}
ないです場合は、forループ内のDOMに書いているようにそれはあなたのANSを計算して、DOMに書き込みを行わないようです。
また、ループ内の入力からデータを読み取らないでください。 （あなたが繰り返しよくないthatsのデータを読み書きされます。）
あなたのループfor(i = 6000; i>=10; i = i * (1+0.2/26)-x)ためには、いくつかの表現i = i * (1+0.2/26)-x（それが条件にバインドされ、そのループが無限なっていないことを確認してください）
を使用して増加していますあなたはそれがCSSスタイルセレクターを使用して、次のコード
x = parseInt(document.querySelector('form input[name="my_number"]').value);
document.querySelectorを使用して、入力フィールドから値を選択することができます。したがって、フォーム内の入力フィールドを選択します。私はそれが名前でフォーム内のinput要素を返します"my_number"
全体クエリセレクタを入力フィールドを選択し、今のCSSセレクタform input[name="my_number"]を使用してname="my_number"
<input type="text" name="my_number" value="">
として、フォームに名前を追加しましたこれは、あなたがを読む必要があり、入力フィールドの値を取得するには、今
document.querySelector('form input[name="my_number"]')
です入力フィールドのプロパティ。
document.querySelector('form input[name="my_number"]').value
これは、文字列として、あなたの入力値を返します。
ここで、その文字列値をInteger形式に解析する必要があります。
私たちは、この、（parseIntを使用して）
parseInt(document.querySelector('form input[name="my_number"]').value)
ように私は、私は、getという名前の関数からの回答をフェッチしているcalc
function calc() {
var x = parseInt(document.querySelector('form input[name="my_number"]').value);
var ans= calculate_your_value(x);
document.write("Balance " + " $" + ans + "<br/><br/>");
}
という名前の関数で、あなたのコードを追加したことをやる
計算された答えとそのようにするのが良い。
function calculate_your_value(x){
// calculate the ans the for loop seems buggy
//for (i = 6000; i >= 10; i = i * (1 + 0.2/26) - x) {}
return x; //dummy ans
}
フォームを送信するときに呼び出されます。
これを行うには、onsubmit='calc()'をフォームタグに追加しました。
<form onsubmit='calc()'>
また、私はあなたが押した時にフォームを送信するこの機能は、（ちょうど楽しみのために）あまりにも入力し追加した:)
document.onkeydown=function(){
if(window.event.keyCode=='13'){
calc();
}
}
それはちょうどキー押し下げのために待機し、かどうかを確認しますエンターキー（キーコードは13）
と同じです。calc機能を呼び出します。
function calc() {
var x = parseInt(document.querySelector('form input[name="my_number"]').value);
var ans= calculate_your_value(x);
document.write("Balance " + " $" + ans + "<br/><br/>");
}
document.onkeydown = function() {
if (window.event.keyCode == '13') {
calc();
}
}
function calculate_your_value(x){
// calculate the ans the for loop seems buggy
//for (i = 6000; i >= 10; i = i * (1 + 0.2/26) - x) {}
return x; //dummy ans
}<form onsubmit='calc()'>
<input type="text" name="my_number" value="">
<input type="submit" id="submitbtn" />
</form>