1
これは1時間当たりの注文を計算するタイマーです。私がハードコードを注文すると、すべてが私がそれを望むように動作します。しかし、私はどのように注文の量を設定するユーザーの入力を取得する方法を把握することはできません。これは私が試してきたことであり、うまくいかない。何か案は??ユーザー入力を変数として格納
<html>
<body>
<p><strong>Time Elapsed:</strong><span id="time-elapsed"</span></p>
<button onclick="openFunc()">Start Time</button>
<button onclick="myStopFunction()">Stop time</button><br><br>
<input type="text" id="orderAmount"><br>Enter Number of Orders</input><br><br>
<button onclick="calculate(timeElapsed, orders)">Calculate...</button>
<script>
var timeElapsed = 0;
var myVar = '';
var average = 0;
var orders = document.getElementById("orderAmount").innerHTML += orders;
function openFunc(){
start();
}
function calculate(time, _orders) {
var avg = _orders/(time/_orders);
if (avg<1){
avg = 1;
}
document.write(avg + " Bags per Hour");
}
function start() {
if (myVar != "") {
console.log('timer is running');
return;
}
clearInterval(myVar);
myVar = setInterval(function(){
myTimer()
}, 1000);
}
function myTimer() {
timeElapsed += 1;
document.getElementById("time-elapsed").innerHTML = formatTime(timeElapsed);
}
function formatTime(time) {
var hours = formatNumber(Math.floor(time/3600))
var minutes = formatNumber(Math.floor(time/60));
var seconds = formatNumber(time%60);
//console.log('minutes: ', minutes);
//console.log('seconds: ', seconds);
return hours + ":" + minutes + ":" + seconds
}
function formatNumber(number) {
if (number < 10) {
return 0 + '' + number
}
return number
}
function myStopFunction() {
clearInterval(myVar);
myVar = "";
}
</script>
</body>
</html>
'ここに私はそうfar'持っているコードである - そのコード内のすべての仕事で何をしますか? –
あなたのコードは何をすべきかを教えてくれましたが、ここでは何の問題もありません。 [ask] – charlietfl
オブジェクトの '.value'を試してみてください。例:HTMLオプションを使用している場合: 'var orders = document.getElementById(id).value'。 'var order = + prompt(" set Order amount "、" ");'プロンプトの前にあるプラス記号は、誰かが数字を入力してコードにそれを文字列やテキストではなく数字として見てください。 – Brendan