javascript - 将解决方案记录在表中

Question

我需要帮助。我创建了一个计算器，想知道如何让它在文本框上显示结果并在列上创建日志。 一栏用于问题，另一栏用于答案。/* Fiddle link

<input type="button" value="=" 

onClick="document.calculator.ans.value=eval

(document.calculator.ans.value); addlog();" />
</form> 
<br>

<table id="myTable">
  <tr>

  </tr>



<script>

function addlog()
{
    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "Question";
    cell2.innerHTML = "solution";
}
</script>

Answer 1

第一个问题，你的 table 似乎坏了。完成表格标签也许像这样:

<table id="myTable">
    <tr>
        <th>Question</th>
        <th>Answer</th>
    </tr>
</table>

接下来，您可以将“onLoad”更改为“No wrap - (inhead)”

然后定义这样的函数，并在顶部添加一个全局变量 - 问题:

var question;
function addlog () {

    var table = document.getElementById("myTable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);

    cell1.innerHTML = question;

    cell2.innerHTML = document.calculator.ans.value;

}

最后在你的调用方法中设置问题并调用addlog:

<input type="button" value="=" onclick="
question = document.calculator.ans.value;document.calculator.ans.value=eval(document.calculator.ans.value); addlog();" />

这是一个似乎运行良好的 JSFiddle JSFiddle