Question

我试图创建一个能够在可编辑表格中进行数学运算的HTML表格（对其他选项开放）。这是我一直在使用的代码，但我不确定如何完成任务。

＆＃13;

    <body>
    <table border="1">
      <tr>
        <th colspan="2">Numbers</th>
      </tr>
      <tr>
        <td>Paper</td>
        <td><div contenteditable>24</td></div>
      </tr>
      <tr>
        <td>Bits</td>
        <td><div contenteditable>0.20</td></div>
      <tr>
    	<td>Resale Value</td>
    	<td><div contenteditable>2.49</td></div>
      </tr>
      <tr>
    	<td>Weekly Change</td>
    	<td><div>Profit Totals</td></div>
      </tr>
    </table>
    <button type="button">Continue</button>
    <p id="Math"></p>

    <script>
    var Test = 5+5;
    document.getElementById("Math").innerHTML = Test; 
    </script>
    </body>

＆＃13;

我需要发生的事情似乎很复杂，我把它写在纸上，做了数学并写下了方程式但却知道如何输入代码。

这些是按它们应该如何执行的等式。 1. 40（纸）* X = Y

X * Y = R
100 / A = B
B / X = C
C ^ * S = F
F-R 1 = Z
Z * 50（每周销售额）= D

变量含义

X =纸张（见第一栏表）

Y =乘以纸张时的位数

R =比特值转售

A =以美分为单位的比特值（见第二栏表）

B =乘以纸之前的位

C =纸张数量

S =纸张的转售价值（如果纸张通常价值2美元，但我以1.5美元的价格出售随着价格的变化而变得合适）

Z = F和R之间的总变化

D =每周利润

我希望能够输入我自己的价值观（例如，它表示24我希望能够输入17并且等式跟随并且在我点击＆＃34时显示结果;继续＆＃34;按钮）。我希望数学能够显示在名为＆＃34;每周变化的第4个表中获得的最终每周利润。＆＃34; 我理解这似乎令人困惑，但我很感激任何提供的帮助，因为我不太了解HTML。

注意，标签用于测试变量如何与一个简单的等式（5 + 5）一起工作，但还没有任何用途。与“继续”按钮相同，目前无法执行任何操作。

请问我是否需要解释任何内容，许多变量和数学我很乐意在需要时进一步详细说明。

谢谢！

Answer 1

简单的答案是，您将不得不在表格内部创建一个输入框

draw

有几种不同的解决方法，但是您将需要一些

<tr>
<th> Paper </th> 
<th> <input type="number" id="Paper_Value"> </th>
</tr>

<input type="button" onclick="myfunction()">

<script> 
   myfunction(){

}

替换其他部分中的某些内部html。

还有

document.getElementById("insert ID here").innerhtml

获取纸张价值。

关键是要确保您在脚本中获得了该值，并通过在脚本中进行数学运算来替换表中其他部分的内部html。只要您未将页面设置为假设重新加载，就应该可以进行。

首先添加一些基本知识的实践

document.getElementById("insert ID here").value

在HTML中创建能够进行数学运算的表格变量

变量含义

1 个答案: