使用eval（）中的百分比不起作用

Question

我正在制作一个简单的计算器并使用eval（）函数构建它，一切正常，除了百分比按钮“％”，是否有任何方法来从字符串eval（）百分比？ 这是我的简单代码。

这是我的JS。

var val = document.getElementById("ReadOut").value;
function equal(){
  var fin = eval(val);
  return document.getElementById("ReadOut").value = fin;
}

这是我的HTML。

    <form id="keyPad" action="">
  <table width="500px" height="400px" border="2">
  <tbody><tr>
    <td colspan="3">
      <input id="ReadOut" type="text" size="1" value="">
    </td>
    <td colspan="2">
      <input id="equal" type="button" value="=" onclick="calc()">
    </td>
  </tr>
  <tr>
    <td>
      <input id="seven" type="button" value="7" onclick="keyPad.ReadOut.value += '7'">
    </td>
    <td>
      <input id="eight" type="button" value="8" onclick="keyPad.ReadOut.value += '8'">
    </td> 
    <td>
      <input id="nine" type="button" value="9" onclick="keyPad.ReadOut.value += '9'">
    </td>
    <td>
      <input id="plus" type="button" value="+" onclick="keyPad.ReadOut.value += '+'">
    </td>
    <td>
      <input id="minus" type="button" value="-" onclick="keyPad.ReadOut.value += '-'">
    </td>
  </tr>
  <tr>
    <td>
      <input id="four" type="button" value="4" onclick="keyPad.ReadOut.value += '4'">
    </td>
    <td>
      <input id="five" type="button" value="5" onclick="keyPad.ReadOut.value += '5'">
    </td> 
    <td>
      <input id="six" type="button" value="6" onclick="keyPad.ReadOut.value += '6'">
    </td>
    <td>
      <input id="multiply" type="button" value="*" onclick="keyPad.ReadOut.value += '*'">
    </td>
    <td>
      <input id="divide" type="button" value="/" onclick="keyPad.ReadOut.value += '/'">
    </td>
  </tr>
  <tr>
    <td>
      <input id="one" type="button" value="1" onclick="keyPad.ReadOut.value += '1'">
    </td>
    <td>
      <input id="two" type="button" value="2" onclick="keyPad.ReadOut.value += '2'">
    </td> 
    <td>
      <input id="three" type="button" value="3" onclick="keyPad.ReadOut.value += '3'" >
    </td>
    <td>
      <input id="clear" type="reset" value="C">
    </td>
    <td>
      <input id="percent" type="button" value="%" onclick="keyPad.ReadOut.value += '%'">
    </td>
  </tr>

  </tbody>
</table>
</form>

dolorem ipsum，quia dolor sit amet consectetur adipisci [ng] velit，sed quia non numquam。