問題是我希望操作在單個輸入框中執行，因爲它通常在計算器中執行。第一個值存儲在一個變量中，然後按下操作員按鈕以輸入第二個值，等於按鈕必須執行第二個值的操作，但我無法獲得計算出的答案，但它不會將其添加到第二個值。在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
分享一段不能正常工作的代碼 –