问题是我希望操作在单个输入框中执行，因为它通常在计算器中执行。第一个值存储在一个变量中，然后按下操作员按钮以输入第二个值，等于按钮必须执行第二个值的操作，但我无法获得计算出的答案，但它不会将其添加到第二个值。在html中制作一个简单的计算器
<tr>
<td><input type=button value="+" OnClick="num1=calc.display.value;calc.display.value=' ';"></td>
<td><input type=button value="C" OnClick="calc.display.value='0'"></td>
</tr>
<tr>
<td><input type=button value="=" OnClick="calc.display.value=calc.display.value+num1"></td>
</tr>
这是完整的计算器。希望它会有所帮助。
function c(val)
{
document.getElementById("d").value=val;
}
function v(val)
{
document.getElementById("d").value+=val;
}
function e()
{
try
{
c(eval(document.getElementById("d").value))
}
catch(e)
{
c('Error')
}
}body
{
background-color:tan;
}
.box
{
background-color:#3d4543;
height:300px;
width:250px;
border-radius:10px;
position:relative;
top:80px;
left:40%;
}
.keys
{
position:relative;
top:15px;
}
.button
{
width:40px;
height:30px;
border:none;
border-radius:8px;
margin-left:17px;
cursor:pointer;
border-top:2px solid transparent;
}
.button.gray
{
color:white;
background-color:#6f6f6f;
border-bottom:black 2px solid;
border-top:2px #6f6f6f solid;
}
.button.pink
{
color:black;
background-color:#ff4561;
border-bottom:black 2px solid;
}
.button.black
{
color:white;
background-color:303030;
border-bottom:black 2px solid;
border-top:2px 303030 solid;
}
.button.orange
{
color:black;
background-color:FF9933;
border-bottom:black 2px solid;
border-top:2px FF9933 solid;
}
.gray:active
{
border-top:black 2px solid;
border-bottom:2px #6f6f6f solid;
}
.pink:active
{
border-top:black 2px solid;
border-bottom:#ff4561 2px solid;
}
.black:active
{
border-top:black 2px solid;
border-bottom:#303030 2px solid;
}
.orange:active
{
border-top:black 2px solid;
border-bottom:FF9933 2px solid;
}
p
{
line-height:10px;
}<html>
<body>
<div class="box">
<div class="display"><input type="text" readonly size="18" id="d"></div>
<div class="keys">
<p><input type="button" class="button gray"
value="mrc" onclick='c("Created....................")'>
<input type="button" class="button gray"
value="m-" onclick='c("...............by............")'>
<input type="button" class="button gray" value="
m+" onclick='c("....Pirate")'>
<input type="button" class="button pink"
value="/" onclick='v("/")'></p>
<p><input type="button" class="button black"
value="7" onclick='v("7")'><input type="button"
class="button black" value="8" onclick='v("8")'>
<input type="button" class="button black" value="9"
onclick='v("9")'><input type="button"
class="button pink" value="*" onclick='v("*")'></p>
<p><input type="button" class="button black"
value="4" onclick='v("4")'><input type="button"
class="button black" value="5" onclick='v("5")'>
<input type="button" class="button black" value="6"
onclick='v("6")'><input type="button"
class="button pink" value="-" onclick='v("-")'></p>
<p><input type="button" class="button black"
value="1" onclick='v("1")'><input type="button"
class="button black" value="2" onclick='v("2")'>
<input type="button" class="button black" value="3"
onclick='v("3")'><input type="button"
class="button pink" value="+" onclick='v("+")'></p>
<p><input type="button" class="button black"
value="0" onclick='v("0")'><input type="button"
class="button black" value="." onclick='v(".")'>
<input type="button" class="button black" value="C"
onclick='c("")'><input type="button"
class="button orange" value="=" onclick='e()'></p>
</div>
</div>
</body>
</html>来源：http://www.codeproject.com/Tips/631525/Creating-Calculator-using-HTML-CSS-and-JavaScript
感谢希望这将有助于。
谢谢@pirate你给那个孩子一个A +，他不需要学习任何东西。这将使下一个任务变得更加容易 – Mike
你好，它看起来像你这里是新的，所以让我开始说欢迎来到StackOverflow！现在，在StackOverflow上获得您的问题，开发人员/代码爱好者/学生可以互相帮助，找出代码/编程方面的问题。因此，通常的做法是包含现有的源代码，即使它还没有正常工作，所以我们可以看到您尝试过的内容，然后提供建议/修复。请按您的问题上的“编辑”链接并添加相关的源代码，以便其他成员能够在没有**的情况下为您编写整个项目。谢谢。 – SpencerD
分享一段不能正常工作的代码 –