Javascript 必须创建简单的计算器，使用eval（）完成计算。我能'；我不知道如何将答案发送到文本框

我必须创建一个简单的计算器来处理基本的数学问题。我使用一个表格和一个文本表单创建了计算器来保存解决方案。每个按钮都应该将变量inputString设置为

updateString（）

函数的返回值

<table class = "calculator">        
    <tr>
        <td colspan='4'>
            <form action="">
                <div class="calc">
                    <input type="text" value=""/>
                </div>
            </form>
        </td>
    </tr>        
    <tr>    
        <td><input class="calc" type="button" value="1" onclick="inputString =  updateString('1');"/></td>
        <td><input class="calc" type="button" value="2" onclick="inputString = updateString('2');"/></td>
        <td><input class="calc" type="button" value="3" onclick="inputString = updateString('3');"/></td>
        <td><input class="calc" type="button" value='/' onclick="inputString = updateString('/');"/></td>
    </tr>
    <tr>
        <td><input class="calc" type="button" value="4" onclick="inputString = updateString('4');"/></td>
        <td><input class="calc" type="button" value="5" onclick="inputString = updateString('5');"/></td>
        <td><input class="calc" type="button" value="6" onclick="uinputString = updateString('6');"/></td>
        <td><input class="calc" type="button" value='*' onclick="inputString = updateString('*');"/></td>
    </tr>
    <tr>
        <td><input class="calc" type="button" value="7" onclick="inputString = updateString('7');"/></td>
        <td><input class="calc" type="button" value="8" onclick="inputString = updateString('8');"/></td>
        <td><input class="calc" type="button" value="9" onclick="inputString = updateString('9');"/></td>
        <td><input class="calc" type="button" value='-' onclick="inputString = updateString('-');"/></td>
    </tr>
    <tr>
        <td><input class="calc" type="button" value="0" onclick="inputString = updateString('0');"/></td>
        <td><input class="calc" type="button" value='.' onclick="inputString = updateString('.');"/></td>
        <td><input class="calc" type="button" value='C' onclick="inputString = updateString('C');"/></td>
        <td><input class="calc" type="button" value='+' onclick="inputString = updateString('+');"/></td>
    </tr>
    <tr>
        <td><input class="calc" type="button" value='=' onclick="document.forms[0].value = eval(inputString);"/></td>
    </tr>

</table>

---

根据我对您的问题的理解，要解决这个问题，您可以使用

JQuery

，它将允许您在DOM中显示返回的值

function updateString(p1){
    var inputString;
    inputString += p1;
    $('.your-text-box').val(inputString);
}

---

将ID添加到输入字段

<div class="calc">
    <input id="outputBox" type="text" value="" />
</div>

最终计算（

=

）的工作方式相同

onclick=" document.getElementById('outputBox').value = eval(inputString);"

---

您希望将值放入哪个元素？@mwilson，

，这更有意义。但是我需要在=按钮中输入什么才能使文本框显示eval（inputString）？为什么要为这么简单的问题添加jQuery？

function updateString(p1){
  inputString += p1;
  document.getElementById("outputBox").value = inputString;
  return inputString;
}

onclick=" document.getElementById('outputBox').value = eval(inputString);"