简单javascript计算

Question

多年来我不得不用 javascript 做任何事情。感觉我需要上一门课程来重新学习基础知识。尝试使用两个输入字段创建一个简单的计算。在另一个 post 上找到了以下解决方案，但它对我不起作用。

<script>
  function calculate() {
      var myBox1 = document.getElementById('box1').value;   
      var myBox2 = document.getElementById('box2').value;
      var result = document.getElementById('result');   
      var myResult = myBox1 * myBox2;
      result.value = myResult;
      
      
   }
</script>

<table width="250px" border="0">
  <tr>
    <th>Box 1</th>
    <th></th>
    <th>Box 2</th>
    <th></th>
    <th>Result</th>
  </tr>
  <tr>
    <td><input id="box1" type="text" oninput="calculate()" /></td>
    <td>x</td>
    <td><input id="box2" type="text" oninput="calculate()" /></td>
 <td>=</td>
    <td><input id="result" /></td>
  </tr>
</table>

最终我将为两个输入字段设置默认值，并允许用户更改值并查看结果如何变化。计划在 SharePoint 2010 内部网站上使用。

我觉得我犯的任何错误都是我忽略的非常简单的事情。

谢谢

Answer 1

我认为上面的代码运行良好。如果您想要一些默认值，只需在页面加载时设置字段值。您可以这样做：window.onload = function (){....} 或宽度 jQuery $(document).ready(function(){....}

这是一个示例，其中包含您的代码以及为您的字段添加的默认值： http://codepen.io/anon/pen/PwExrw

简单javascript计算

Simple javascript calculation

html

javascript

sharepoint-2010