[英]Trouble adding digits to my calculator display
<html>
<head>
<title> Buttons</title>
<style type="text/css">
.intro{background-color:;}
.duction{background-color:blue;}
.function{background-color:grey;}
.equals{background-color:orange;}
</style>
</head>
<body>
<form name="calculator">
<input type="text" name="display" length="50" width="100">
<div>
<input type= "button" value="7" class="intro" id="7" onclick="one(7)"></button>
<input type= "button" value="8" class="intro" id="8" onclick="one(8)"></button>
<input type= "button" value="9" class="intro" id="9" onclick="one(9)"></button>
<input type= "button" value="+" class="intro" id="+" onclick="one(+)"></button>
<input type= "button" value="-" class="intro" id="-" onclick="one(-)"></button>
<div>
<input type= "button" value="4" class="intro" id="4" onclick="one(4)"></button>
<input type= "button" value="5" class="intro" id="5" onclick="one(5)"></button>
<input type= "button" value="6" class="intro" id="6" onclick="one(6)"></button>
<input type= "button" value="x" class="intro" id="x" onclick="one(*)"></button>
<input type= "button" value="/" class="intro" id="/" onclick="one(/)"></button>
<div>
<input type= "button" value="1" class="intro" id="1" onclick="one(1)"></button>
<input type= "button" value="2" class="intro" id="2" onclick="one(2)"></button>
<input type= "button" value="3" class="intro" id="3" onclick="one(3)"></button>
<input type= "button" value="=" class="intro" ></button>
<div>
<input type= "button" value="0" class="intro" id="0" onclick="one(0)"></button>
<input type= "button" value="." class="intro" id="." onclick="one(.)"></button>
<input type= "button" value="c" class="intro" onclick="clearDigit()"></button>
<script type="text/javascript" src="C:\Users\LS\Desktop\QBJS\button.js">
</script>
</body>
</html>
Java腳本
function one(event)
{
clearTimeout(timer);
timer=setTimeout("AddDigit(object)",500);
object=event;
}
//每次我在顯示窗口中鍵入數字時,它都會替換先前的數字,而不是像實際的計算器那樣將其串聯。 還試圖弄清楚為什么我不能讓我的功能符號出現在我的顯示窗口中。...我懷疑這與我的setTimeout有關。
function AddDigit(x)
{
object=x;
if (eval(digit) == 0)
{digit = object;}
else
{digit = digit + object;}
document.calculator.display.value=object;
}
它不是串聯的,甚至沒有添加。 你不能那樣通過。 原因是當您使用字符串發出回調時,它只會調用該函數。 如果你想傳遞參數,那么你需要創建一個閉包,並通過他們在那里。
嘗試這個:
timer=setTimeout(function(){ AddDigit(object); },500);
您很可能希望通過的事件是:
timer=setTimeout(function(){ AddDigit(event); },500);
要么
object = event;
timer=setTimeout(function(){ AddDigit(object); },500);
另外,在AddDigit中,您可能想要這樣做:
document.calculator.display.value += object;
你在做,
document.calculator.display.value=object;
但是級聯版本是“ digit”變量。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.