使用JavaScript添加

function multiplyBy() 
 
{ 
 
     num1 = document.getElementById("firstNumber").value; 
 
     num2 = document.getElementById("secondNumber").value; 
 
     num3= document.getElementById("result").value = num1 * num2; 
 
     document.getElementById("total").value = +num3 ; 
 
}

1st Number : <input type="text" id="firstNumber" value="" /><br> 
 
2nd Number: <input type="text" id="secondNumber" value="" onchange="multiplyBy()" /><br> 
 
<p>The Result is : <br> 
 
<input type="text" name="result" id = "result" value=""/> 
 
</p> 
 
<p>Total :<br> 
 
<input type="text" name="total" id="total" value=""/> 
 
</p>

function multiplyBy() 
 
{ 
 
     num1 = document.getElementById("firstNumber").value; 
 
     num2 = document.getElementById("secondNumber").value; 
 
     num3= document.getElementById("result").value = num1 * num2; 
 
}

1st Number : <input type="text" id="firstNumber" value="" /><br> 
 
2nd Number: <input type="text" id="secondNumber" value="" 
 
onchange="multiplyBy()" /><br> 
 
<p>The Result is : <br> 
 
<input type="text" name="result" id = "result" value=""/> 
 
</p>

我兩個數相乘here.how到另一個文本添加的倍增數box.suppose 2 & 5倍乘號後來再乘以如何添加這些數字。

來源

2017-06-05 johnny

當你想他們增加增加嗎？ – guradio

當我得到兩個數字相乘的結果時，我會進行另一次乘法運算，以前的相乘數字必須與另一個文本字段中的當前相乘數字相加。 – johnny

@chakri在你的第一個片段中改變'document.getElementById（「total」）。value = + num3;'to'document.getElementById（「total」）。value + = num3;' – gvmani

試試這個。您需要使用parseFloat解析輸入值。這會將字符串轉換爲數字。現有的結果值將被添加到新計算的值中。 |0用於輸入的獲取0

更新

分組，加入本和總結果框

追加新的結果中的各附加輸入的假值。

var last=0; 
 
function multiplyBy() { 
 
    var num1 = document.getElementById("firstNumber"); 
 
    var num2 = document.getElementById("secondNumber"); 
 
    var prev = document.getElementById("prev"); 
 
    var present = document.getElementById("present"); 
 
    var total = document.getElementById("result"); 
 
    prev.value=last; 
 
    present.value=(parseFloat(num1.value) * parseFloat(num2.value)) 
 
    last = last+(parseFloat(num1.value) * parseFloat(num2.value)) 
 
    total.value=last; 
 
    num1.value = ""; 
 
    num2.value = ""; 
 

 
    }

1st Number : <input type="text" id="firstNumber" value="" /><br> 2nd Number: <input type="text" id="secondNumber" value="" onchange="multiplyBy()" /><br> 
 
<p > 
 
Prev result:<br> 
 
<input type="text" name="result" id="prev" ><br> 
 
Present:<br> 
 
<input type="text" name="result" id="present" ><br> 
 
The total Result is : <br> 
 
<input type="text" name="result" id="result"><br> 
 
</p>

來源

2017-06-05 07:15:07 prasanth

我的意思是如果我做兩次乘法運算，前一個值必須加到另一個文本字段的當前值 – johnny

另一個文本字段意味着另一個結果框 – prasanth

@chakri檢查我更新的答案。我添加了代碼追加與新文本fileld加值 – prasanth

如果要計算文本框輸入的更改（如下所示），則需要添加事件處理程序。

function multiplyBy() 
 
{ 
 
    var result = document.getElementById("result"); 
 
     var num1 = document.getElementById("firstNumber").value; 
 
     var num2 = document.getElementById("secondNumber").value; 
 
     
 
    var num3= parseFloat(num1) * parseFloat(num2);// to convert entered values to float and || 0 to use 0 if no value is there 
 
     
 
     if(!isNaN(num3)){ 
 
      document.getElementById("resultPrev").value = document.getElementById("result").value; 
 
      document.getElementById("resultCurrent").value = num3; 
 
      result.value = parseFloat(result.value || 0) + num3; 
 
     } 
 
     
 
     
 
} 
 

 

 
document.getElementById("firstNumber").addEventListener("change",multiplyBy); 
 

 

 
document.getElementById("secondNumber").addEventListener("change",multiplyBy);

1st Number : <input type="text" id="firstNumber" value="" /><br> 
 
2nd Number: <input type="text" id="secondNumber" /><br> 
 
<p>The Previous Result is : <br> 
 
<input type="text" name="resultPrev" id = "resultPrev" value="0"/> 
 
</p> 
 
<p>The Current Result is : <br> 
 
<input type="text" name="resultCurrent" id = "resultCurrent" value=""/> 
 
</p> 
 
<p>The Final Result is : <br> 
 
<input type="text" name="result" id = "result" value=""/> 
 
</p>

考慮處理非數值。

來源

2017-06-05 06:48:34

你能否解釋一下。當我得到兩個數相乘的結果時，我會做另一個乘法，前面的相乘數必須加上現在的相乘數數字在另一個文本字段中。 – johnny

檢查更新！如果這是你想要的。 –

沒有，如果我做兩個乘法運算的前一個結果必須添加到目前reswult在另一個文本字段 – johnny

我已經添加了multiplyBy（）到兩個輸入字段和改變的類型數目，以限制用戶僅輸入號碼。

請檢查下面的代碼片段。

document.getElementById("firstNumber").addEventListener("change",multiplyBy); 
 
document.getElementById("secondNumber").addEventListener("change",multiplyBy); 
 

 
function multiplyBy() 
 
    { 
 
    actualResult = document.getElementById("actualResult").value ? document.getElementById("actualResult").value : 0; // Return zero if there is no value in actualResult input field 
 
      num1 = document.getElementById("firstNumber").value; 
 
      num2 = document.getElementById("secondNumber").value;  
 
      num3= document.getElementById("result").value = num1 * num2; 
 
document.getElementById("actualResult").value = Number(actualResult) + num3; 
 
    }

1st Number : <input type="number" id="firstNumber" value=""/><br> 
 
    2nd Number: <input type="number" id="secondNumber" value=""/><br> 
 
    <p>The Current Result is : <br> 
 
    <input type="number" name="result" id = "result" value=""/> 
 
</p> 
 
    <p>Previous Result + Current Result : <br> 
 
    <input type="number" name="actualResult" id = "actualResult" value=""/> 
 
    </p>

來源

2017-06-05 07:15:32 Haroon

其不工作 – johnny

您是否嘗試運行代碼段？ – Haroon

感謝這就是我想要的，它在代碼片段中工作正常，但不能在我的日食中工作。 – johnny

你只需要對文本框中獲取值和結果

function multiplyBy() 
{  var sum = 0; 
     var num=0; 
     num1 = document.getElementById("firstNumber").value; 
     num2 = document.getElementById("secondNumber").value; 
     num =parseInt(num1 * num2); 
     num3=parseInt(document.getElementById("result").value); 
     document.getElementById("result").value=(num + num3); 

} 
</script> 
1st Number : <input type="text" id="firstNumber" value="" /><br> 
2nd Number: <input type="text" id="secondNumber" value="" 
onchange="multiplyBy()" /><br> 
<p>The Result is : <br> 
<input type="text" name="result" id = "result" value="0"/> 
</p>

來源

2017-06-05 07:16:51

沒有，如果我做了兩米乘operationd以前的值必須添加到現值 – johnny

是的，它會增加現值 –

你置零默認值導致文本框中 –

使用JavaScript添加

回答

相關問題