js编写输入数字进行计算的表格 (如何用js计算html表格里面的数据)

同事有一个需求是,先读取网页中的数字,然后进行计算后再写到网页上。解决的方法是,得先用正确的id来标识这两个数字的元素。比如:<span id="sales">500</span> ,就是把500进行标识起来了。

然后把数字读出来。在JavaScript中,`document.getElementById`返回的是一个元素对象,而不是一个数字。这里需要获取元素的值才能进行计算。

计算后,结果会回写在 <span id="result"></span> 标识内。

如果计算回写之后,没有数字,请检查下js代码块是否放在最后。

<!DOCTYPE html>
<html>
<head>
  <title>计算结果</title>
</head>
<body>
  <span id="inventory">100</span>  <!-- 今年社会日均库存 -->
  <span id="sales">500</span>  <!-- 今年以来社会销量 -->
  <span id="result"></span>
  <script>
    // 获取页面上的元素
    var inventoryElement = document.getElementById("inventory");
    var salesElement = document.getElementById("sales");
    var resultElement = document.getElementById("result");
    // 获取元素的值
    var inventory = parseInt(inventoryElement.textContent);
    var sales = parseInt(salesElement.textContent);
    // 计算结果
    var result = inventory / sales;
    // 在页面上显示计算结果
    resultElement.textContent = result.toFixed(2); // 保留两位小数
  </script>
</body>
</html>

关注我,我们将一起探讨如何将技术与业务有机结合。不必成为专家,只要具备基本的印象和理解,便能把握业务与技术的融合,实现二者的平衡发展。在这个过程中,我们将共同寻找如何在促进二者融合发挥最大价值的同时,确保技术与业务的协调一致。

js实现网页计算并回写,js编写输入数字进行计算的表格