javascript - 值被连接而不是相加-6ren

javascript - 值被连接而不是相加

转载作者：行者123 更新时间：2023-11-28 05:13:24

26

4

我有一个变量，我想在其中添加另外七个变量，但这些变量是连接在一起的，而不是添加的。

我可能犯了一些错误，也许我把事情复杂化了。

尝试使用一元 + 但没有成功...

window.onload = function() {
  document.getElementById('inputButton').onclick = function() {
    var input = document.getElementById('inputRecomandate');
    var header = document.getElementById('headerA');
    header.innerHTML = input.value * 7;
    document.getElementById('dormiteButton').onclick = function() {
      var input1 = document.getElementById('inputDormite1');
      var input2 = document.getElementById('inputDormite2');
      var input3 = document.getElementById('inputDormite3')
      var input4 = document.getElementById('inputDormite4')
      var input5 = document.getElementById('inputDormite5')
      var input6 = document.getElementById('inputDormite6')
      var input7 = document.getElementById('inputDormite7')
      var oreTotale = document.getElementById('total');
      oreTotale.innerHTML = input1.value + input2.value + input3.value +
        input4.value + input5.value + input6.value + input7.value;
    }

  }
}

<h1>Adauga aici nr de ore de somn pe zi recomandate de tine</h1>
<input id="inputRecomandate" type="text">
<button id="inputButton">Apasa aici</button>
<p> Nr de ore de somn recomandate pe saptamana <span id="headerA">0</span>
</p>
<input id="inputDormite1" type="text" placeholder="Ore dormite luni.">
<input id="inputDormite2" type="text" placeholder="Ore dormite marti.">
<input id="inputDormite3" type="text" placeholder="Ore dormite miercuri.">
<input id="inputDormite4" type="text" placeholder="Ore dormite joi.">
<input id="inputDormite5" type="text" placeholder="Ore dormite vineri.">
<input id="inputDormite6" type="text" placeholder="Ore dormite sambata.">
<input id="inputDormite7" type="text" placeholder="Ore dormite duminica.">
<button id="dormiteButton">Aduna</button>
<p id="total">gsga</p>

最佳答案

在您的代码中，第二个onclick 函数在第一个内部!
我不认为你打算这样做......

在那次更正之后，它似乎与 input.value 上的一些一元 + 一起正常工作:

window.onload = function() {
  document.getElementById('inputButton').onclick = function() {
    var input = document.getElementById('inputRecomandate');
    var header = document.getElementById('headerA');
    header.innerHTML = +input.value * 7;
  }
  document.getElementById('dormiteButton').onclick = function() {
    var input1 = document.getElementById('inputDormite1');
    var input2 = document.getElementById('inputDormite2');
    var input3 = document.getElementById('inputDormite3');
    var input4 = document.getElementById('inputDormite4');
    var input5 = document.getElementById('inputDormite5');
    var input6 = document.getElementById('inputDormite6');
    var input7 = document.getElementById('inputDormite7');
    var oreTotale = document.getElementById('total');
    oreTotale.innerHTML = +input1.value + +input2.value + +input3.value +
      +input4.value + +input5.value + +input6.value + +input7.value;
  }
}

<body>
  <h1>Adauga aici nr de ore de somn pe zi recomandate de tine</h1>
  <input id="inputRecomandate" type="text">
  <button id="inputButton">Apasa aici</button>
  <p> Nr de ore de somn recomandate pe saptamana <span id="headerA">0</span>
  </p>
  <input id="inputDormite1" type="text" placeholder="Ore dormite luni.">
  <input id="inputDormite2" type="text" placeholder="Ore dormite marti.">
  <input id="inputDormite3" type="text" placeholder="Ore dormite miercuri.">
  <input id="inputDormite4" type="text" placeholder="Ore dormite joi.">
  <input id="inputDormite5" type="text" placeholder="Ore dormite vineri.">
  <input id="inputDormite6" type="text" placeholder="Ore dormite sambata.">
  <input id="inputDormite7" type="text" placeholder="Ore dormite duminica.">
  <button id="dormiteButton">Aduna</button>
  <p id="total">…</p>

</body>

⋅⋅⋅

无论如何，我建议您进行一些修改以简化您的功能:

删除 id 并在您的 7 个输入上添加 class="dormite"，
使用 querySelectorAll 和 .forEach(…) 遍历元素并创建总数。

这是一个工作片段:

var input = document.getElementById('inputRecomandate');
var header = document.getElementById('headerA');
document.getElementById('inputButton').onclick = function() {
  header.innerHTML = +input.value * 7;
  compare(); // Added this function after comment
}

var oreTotale = document.getElementById('total');
var inputs = document.querySelectorAll('.dormite');
document.getElementById('dormiteButton').onclick = function() {
  var total = 0;
  inputs.forEach(function(elm, index) {
    total += +elm.value;
  })
  oreTotale.innerHTML = total;
  compare(); // Added this function after comment
}

// Added this function after comment:
function compare() {
  console.clear();
  if (+oreTotale.innerHTML > +header.innerHTML)
    console.log("oreTotale > header");
  if (+oreTotale.innerHTML < +header.innerHTML)
    console.log("oreTotale < header");
}

<body>
  <h1>Adauga aici nr de ore de somn pe zi recomandate de tine</h1>
  <input id="inputRecomandate" type="text">
  <button id="inputButton">Apasa aici</button>
  <p> Nr de ore de somn recomandate pe saptamana <span id="headerA">0</span>
  </p>
  <input class="dormite" type="text" placeholder="Ore dormite luni.">
  <input class="dormite" type="text" placeholder="Ore dormite marti.">
  <input class="dormite" type="text" placeholder="Ore dormite miercuri.">
  <input class="dormite" type="text" placeholder="Ore dormite joi.">
  <input class="dormite" type="text" placeholder="Ore dormite vineri.">
  <input class="dormite" type="text" placeholder="Ore dormite sambata.">
  <input class="dormite" type="text" placeholder="Ore dormite duminica.">
  <button id="dormiteButton">Aduna</button>
  <p id="total">…</p>

</body>

希望对您有所帮助。

关于javascript - 值被连接而不是相加，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50739392/

26

4

0

文章推荐： javascript - es6协作者的模拟构建

文章推荐： html - CSS/HTML 标题背景颜色未覆盖整个页面宽度

文章推荐： c++ - 将字符串元素添加到动态数组

Python:使自定义对象与标准类型相乘/相加
我知道可以创建 object.__mul__(self, other)启用两个对象的自定义乘法的方法。然而，正如 python 文档中所解释的那样， to evaluate the expressio
python - 将负行值与前一行 Pandas 相加
我无法找到一种好方法来查找列中的所有负条目并将它们向上移动到列中，将它们与现有条目相加(即从当前条目中减去负条目)，直到所有值都是正值。重要的是，最终数据帧没有负值 & 所有以前的负条目 = 0。此
javascript - 如何将两个或多个数组元素(数字)相加
我想将 var string 中的所有元素相加。我确实尝试过这个，但现在我想对每个元素都这样做。 var operator = document.getElementById("operation")
javascript - 两个数组的求和\相加(特殊)
“任何长度的正数表示为数字字符数组，因此介于‘0’和‘9’之间。我们知道最重要的密码位于数组索引 0 的位置。例子: - 号码是 10282 - 数组将是数字 = [1,0,2,8,2] 考虑到这一
mysql - 如何将一个值与 null 相加？
这是我的查询: UPDATE qanda SET amount = amount + 1000 WHERE id = ? AND type = 0; 默认情况下， amount 列为 null，当我执
mysql - SQL 中的计算(相加)
不同列的值为1时，每列加10分。要求将累加的结果汇总到表格的一列中。但总分不得超过20分。因此，如果总和达到 30，列中的结果将始终为 20。 SELECT CASE WHE
java - 通过 vector 相加
public static void main(String[] args) { Vector vec = new Vector(); vec.add(new
javascript - 用点/逗号计算(相加)
我正在尝试使用 js 或 jquery 将 +20,2 添加到带有点 9990.95 的总和或带有逗号 9990,95 的总和 9990.95 var price = $( '.sum' ).text
c++ - 如何将二维数组的行(和列)相加
我如何编写一个函数来将二维数组中每一行的内容相加？要添加每一列的内容？我的代码(到目前为止): #include using namespace std; const int QUARTER = 4
c++ - 如何将数字的二进制表示中的所有 1 相加
这个问题在这里已经有了答案: Count the number of set bits in a 32-bit integer (65 个答案) 关闭 8 年前。我有这段代码可以获取数字的二进制表
javascript - 如何动态获取标签值并将来自不同输入的数字与 reactjs 相加
创建了一个 Div，在其中我有 label 元素和 input 元素，我想在每个 div 中获得不同的标签值。如何重用我的 div 组件而不是再次编写相同的代码。我尝试在 Stackoverflow
c++ - 将两个 vector 相加
所以我在构建代码时遇到了这个问题。这个问题 This work is based on operator overloading, you need to build a string calcula
c - 如何将两个符号相反的 float 相加？
为了好玩并进一步了解 float 的工作原理，我尝试制作一个函数，它接受两个单精度 float ，并将它们相加。到目前为止，我所做的对于相同符号的数字非常有效，但当数字具有相反的符号时，它就会分崩离
c++ - 将两个 map 相加
我想添加两个 map 以及以下行为。如果键存在 -> 将两个键值相加。如果键不存在 -> 插入对映射。我看过一些标准库算法。即转换，但似乎没有做我想要的。取自此LINK template
python - 如何将两个整数与 Twisted 相加？
我的程序中有两个整数；我们称它们为“a”和“b”。我想将它们加在一起并得到另一个整数。这些是常规的 Python int 对象。我在想;我如何将它们与 Twisted 一起添加？某处是否有特殊的 pe
java - 在循环中将所有 double 相加，Java
因此，我必须创建这个程序，从文件中读取多个“工资”，然后将所有工资相加以返回一个“总工资”，并计算所有工资的平均值。我目前拥有的代码如下: package uploadTask7_countingS
mysql - Sql 结果后将两列相同的 id 相加
我的结果是这样的: +-------+--------+--------+-----+--------------+ | Count | Equipe | IdTeam | Id | Nam
python - Pandas 数据帧与多个 groupby 相加
我有以下数据框: df2 = pd.DataFrame({'season':[1,1,1,2,2,2,3,3],'value' : [-2, 3,1,5,8,6,7,5], 'avail':[3,3,
ios - 如何将两个 Range 相加？
所以我正在过滤数据(所有字符串)，并希望显示以下内容: 第一个字母包含您的搜索的搜索词(例如，在搜索 'Br' 时，我想查看所有以 'Br' 开头的词，例如 Break , 坏了,...) 字符串中包
spring - 与一对多 Spring Data JPA 相加
我试图通过以下关系(仅显示父级)来说明一对多关系的总和: @Entity @Table(name = "Parent") public class Parent implements Serializ

首页

博学

6Ren·AI

商城

javascript - 值被连接而不是相加