我似乎無法獲得將兩個數字相加的加法功能-有解無憂

這是代碼

`你如何讓我的代碼在加法函式中添加兩個數字？我在加法函式中嘗試了不同的東西，但似乎沒有什么能阻止它像字串一樣將它加在一起。我不知道還要添加什么，所以這是為了能夠發布問題。我也有一個貨幣轉換器的問題，如果你可以 dm，idk，如果你有空，請 lmk，謝謝。

你如何讓我的代碼在加法函式中添加兩個數字？我在加法函式中嘗試了不同的東西，但似乎沒有什么能阻止它像字串一樣將它加在一起。我不知道還要添加什么，所以這是為了能夠發布問題。我也有一個貨幣轉換器的問題，如果你可以 dm，idk，如果你有空，請 lmk，謝謝。

你如何讓我的代碼在加法函式中添加兩個數字？我在加法函式中嘗試了不同的東西，但似乎沒有什么能阻止它像字串一樣將它加在一起。我不知道還要添加什么，所以這是為了能夠發布問題。我還有一個貨幣轉換器的問題，如果你可以 dm，idk，如果你有空，請 lmk，謝謝。

enter code here

`html`
<!DOCTYPE html>
<html> 
<head>
<meta charset=utf-8 />
<title>Basic math </title>
<style type="text/css">
body {margin: 30px;}
</style> 
</head>
<body>
<form>
1st Number : <input type="text" id="firstNumber" /><br>
2nd Number: <input type="text" id="secondNumber" /><br>
<input type="button" onClick="multiplyBy()" Value="Multiply" />
<input type="button" onClick="divideBy()" Value="Divide" />
<input type="button" onclick="addition()" value="add" />
<input type="button" onclick="minus()" value="minus"/>
<input type="button" onclick="modeBy()" value="mode"/>
</form>
<p>The Result is : <br>
<span id = "result"></span>
</p>
</body>
<script src="sum.js"></script>
</html>

爪哇：








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

function divideBy() 
{ 
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}



//I can't seem to get my addition to actually add the numbers together.//
function addition() {
       
  const num1= document.getElementById("firstNumber").value;
   const  num2 = document.getElementById("secondNumber").value;   
   document.getElementById("result").innerHTML= parseInt(num1   num2);
   
}

function minus()
{
    num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        
document.getElementById("result").innerHTML = num1 - num2;
}

function modeBy()
{
    num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 % num2;
}

uj5u.com熱心網友回復：

因為document.getElementById("firstNumber").value回歸string

和 javascript 的運算子string：'1' '2' = '12'

使用/, *, %, value 被視為一個數字

Number()您應該使用或轉換為計算器的數字：與parseInt()：相同：

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

function divideBy() 
{ 
  let num1 = document.getElementById("firstNumber").value;
  let num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 / num2;
}



//I can't seem to get my addition to actually add the numbers together.//
function addition() {
  let num1= document.getElementById("firstNumber").value;
  let num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML= Number(num1)   Number(num2);
  // or
  //document.getElementById("result").innerHTML= parseInt(num1)   parseInt(num2);
}

function minus()
{
  let num1 = document.getElementById("firstNumber").value;
  let num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 - num2;
}

function modeBy()
{
  let num1 = document.getElementById("firstNumber").value;
  let num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 % num2;
}

<form>
1st Number : <input type="text" id="firstNumber" /><br>
2nd Number: <input type="text" id="secondNumber" /><br>
<input type="button" onClick="multiplyBy()" Value="Multiply" />
<input type="button" onClick="divideBy()" Value="Divide" />
<input type="button" onclick="addition()" value="add" />
<input type="button" onclick="minus()" value="minus"/>
<input type="button" onclick="modeBy()" value="mode"/>
</form>
<p>The Result is : <br>
<span id = "result"></span>
</p>

uj5u.com熱心網友回復：

在 dom 檢索變數之前決議變數是一種方法。

function addition() {
       
  const num1= parseInt(document.getElementById("firstNumber").value);
   const  num2 = parseInt(document.getElementById("secondNumber").value);   
   document.getElementById("result").innerHTML= num1   num2;
   
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/489636.html

標籤：javascript html 数学添加

上一篇：查找直線和矩形之間的交點

下一篇：通過紙漿最大化決策變數的標準差