必须创建一个简单的计算器，使用eval(）进行计算.我可以'我不知道如何把答案发到文本框里

Have to create simple calculator, calculation is done using eval(). I can't figure out how to send the answer to the text box

本文关键字：我不知道 文本 我可以 答案 一个 简单 创建 计算器 eval 使用 计算      更新时间：2023-09-26

我不得不创建一个简单的计算器来处理基本的数学问题。我用一个表和一个文本表单创建了计算器来保存解决方案。每个按钮都应该将变量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>

这是我创建的函数，用于处理每次按下按钮时字符串的更新

    function updateString(p1){
      var inputString;
      inputString += p1;
      return inputString;
    }

将ID添加到输入字段

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

并将其值设置为inputString

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

jsFiddle演示

最终计算（=）的工作方式与相同

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

根据我对您的问题的理解，为了解决它，您可以使用JQuery，它将允许您在DOM 中显示返回值

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